نحوه ساختن باکس در html و css

نحوه ساختن باکس در html و css

در این مقاله از سری مقالات آموزش html و css قصد داریم تا در مورد نحوه ساختن باکس در html و css صحبت کنیم .

نحوه ساختن باکس در html و css

در اولین محله لازم می باشد که یک div با یک کلاس که ما نام آن کلاس را Box1 گذاشتیم ایجاد نماییم

نحوه ساختن باکس در html و css

نحوه ساختن باکس در html و css

نکته : نام کلاس می تواند متغیر و بر اساس عادات شخصی گذاشته شود .

حال وارد فایل css خود شوید .

بعد باید با گذاشتن یک نقطه و نوشتن کلاسی ه ما در اینجا آن را box1 گذاشته ایم آن را فراخوانی کنیم و داخل آن کد های مورد نظر خود را بنویسیم .

نحوه ساختن باکس در html و css

نحوه ساختن باکس در html و css

حال در اینجا تعدادی از کد هایی که باعث ایجاد باکس و زیبایی آن می شود را به شما نشان خواهیم داد .

نحوه ساختن باکس در html و css

نحوه ساختن باکس در html و css

اولین مورد در رابه با راست چین و یا چپ چین بودن باکس می باشد . در صورتی که می خواهید چپ چین باشد باید بنویسید direction:ltr .

گزینه دوم در مورد عکس پس زمینه را می توان انتخاب نمود ه با توجه به کد رنگ مورد نظر می توانید هر رنگی را انتخاب نمایید .

گرینه سوم رنگ نوشته را انتخاب میکند که آن هم با هشتگ و کد رنگ  می باشد .

گزینه چهارم برای انتخاب نمودن فونت نوشته می باشد که در اینجا BYekan و tahoma را انتخاب نموده ایم  .

گزینه پنجم دستور داده تا نوشته از هر طرف ۱۵ یکسل فاصله داشته باشد که البته در اینجا منظور فاصله داخلی می باشد .

گزینه ششم دستور داده ه باس از هر طرف  پیکسل فاصله داشته باشد که در اینجا منظور فاصله خاری است .

گزینه ششم دستور داده که ضخامت کادر بالای باکس ۴ یکسل افزایش ییدا کند .

گزینه هفتم دستور داده که گوشه های باکس ۴ پیکسل نرم شود .

پایان

مقاله نحوه ساختن باکس در html و css در این جا به یایان رسید .

امیدواریم مورد رضایت شما عزیزان قرار گرفته باشد .

کارینو وب پیشرو در خدمات سئو در کرج .

 


Recommended Posts

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *