منتظر آموزش بعدی ما باشید
خانه / طراحی سایت / css / اموزش css بخش Border
اموزش css بخش Border
آموزش CSS

اموزش css بخش Border

به نام خدا

امروز در خدمت شما هستیم با سری آموزش های css برای امروز قسمت بوردر را اماده کرده ایم

border: به کادری که به دور یک تگ کشیده میشود بوردر می گویند

شما میتوانید از آن برای جدا کردن دو تگ از یکدیگر نیز استفاده کنید

لازم نیست که حتما بوردر به کامل به دور تگ کشیده شود

برای مثال شما میتوانید فقط قسمت پایین را استفاده کنید یا قسمت پایین و بالا با هم و …

و همچنین میتوانید به هرکدام استایل خاصی بدهید

به طور مثال قسمت پایین به صورت خط چین باشد و قسمت بالا به صورت یک خط راست

به کد زیر توجه کنید

نتیجه در مرورگر:

آموزش css بخش border

همانطور که در بالا مشاهده کردید به وسیله ی style  ضمینه ی اطراف را ایجاد کرده و ضخامت آن را  به وسیله ی  width مشخص کردیم شما میتوانید به بوردر استایل مقادیر مختلفی بدهید

در تصویر زیر تمامی مقادیر استایل مشخص شده است:

 

آموزش Css

 

کد زیر نوعی از بوردر چند گانه است که در اول مطلب به آن اشاره شد :

 

نتیجه در مرورگر:

border-different

 

برای مطلع شدن از آموزش های بعدی ما در خبر نامه ی سایت عضو شوید

برای استفاده از آموزش های دیگر طراحی سایت از لینک مقابل استفاده کنید: طراحی سایت

 

موفق باشید

درباره‌ Admin

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

جوابی بنویسید

ایمیل شما نشر نخواهد شدخانه های ضروری نشانه گذاری شده است. *

*