CSS rule

در این پست با css rule های مربوط به خط و مربع اشنا می شیم.

در ادامه ی مطلب با ما باشید.

  1. border-top: این یک خط در بالای جمله ایجاد می کنه.

  2. border-bottom: این در پایین جمله یک خط ایجاد می کنه.

  3. border-right: این در سمت راست جمله خط می کشه.

  4. border-left: این در سمت چپ این کار رو انجام می ده

توجه داشته باشید که border-top & border-bottom می توانند بدون جمله هم یک خط ایجاد کنند.

  *. طریقه ی استفاده: داخل ""=div style> یک دو نقطه جلوی اینها می گذاریم ،سپس ضخامت انها به پیکسل را می نویسیم (مثلا 2px) ،بعد می نویسیم"solid" و رنگ مورد نظر خود را می نویسیم. توجه داشته باشید برای نوشتن رنگ باید کد ان بر مبنای 16 را بنویسیم که در نرم افزار هایی مثل فتو شاپ موجود است. اگر هم ان کد قابل تهیه نبود ،شما می توانید از "()rgb" استفاده کنید و کد رنگ مورد نظر خود را بر مبنای 10 داخل "()" بنویسید. 

<div style="border-top:2px solid #000">kaaj.blog</div>