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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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