نحوه ساختن باکس در 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 در این جا به یایان رسید .

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

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

 


برچسب‌ها, , , , , , , ,


درباره نویسنده


مطالب تصادفی

طراحی سایت اداری

امروزه طراحی سایت اداری شرکت ها از اهمیت ویژه ای برخوردار است . طراحی قسمت اداری سایت ها در طراحی سایت شرکتی یک اصل مهم است . بدین منظور شما میبایست ملزومات طراحی آن را رعایت نمایید . دقت کنید رعایت ملزومات طراحی این بخش به کار شما اعتبار بیشتری میدهد. به این صورت که […]

بالا بردن محبوبیت در مهندسی شبکه های اجتماعی

[vc_row][vc_column][vc_column_text] بالا بردن محبوبیت در مهندسی شبکه های اجتماعی در این سری از مقالات مهندسی شبکه های اجتماعی قصد داریم تا راه های واقعی را برای افزایش محبوبیت در مهندسی شبکه های اجتماعی خدمت شما دوستان عزیز معرفی کنیم که این راهها هرچند طولانی مدت می باشند اما باعث می شود تا محبوبیت شما در […]

طراحی سایت سازمانی

امروزه تمام ارگان ها و نهادهای دولتی دارای سایت میباشند ولی آیا تمامی آنها اصول طراحی سایت سازمانی را رعایت کرده اند یا خیر ، در این مقاله سعی داریم نکات و الزامات سایت های سازمانی را بررسی کنیم . نحوه بهینه سازی سایت ها و امکانات سایت اهمیت بسیاری دارد . به طور مثال […]

نظرات