برای شما هم سوال شده چجوری دور یه عنصر خط بکشیم؟
سوال شده چجوری رنگ،شکل زخامت و... عوض کنیم؟
تو این مطلب جواب سوالتون رو پیدا کنید
.class{
border-width: 2px; / زخامت حاشیه
border-style: solid; / حالت حاشیه
border-color: #fff ; /رنگ حاشیه
border-radius: 5px 5px 2px 2px; / گردی حاشیه
کد بالا تمام مشخصات یک بوردر رو داره که در توضیح جلوی کد معرفی شدن
اما بعضی از آنها به توضیح بیشتری نیاز دارد
border-style:
این دستور 10 حالت دارد :
dotted dashed solid double groove ridge inset outset none hidden
این 10 حالت به این حالت ها در می آیند:
(آخرین حالت در عکس ها توضیح جدایی دارد که در ادامه به آن میپردازیم)
border-radius:
خب این همونطور ک بالاتر گفتم برای گردیه
اما دو حالت میشه نوشتش:
border-radius: 5px; /میخواهیم همه ی گوشه ها گردی یک اندازه داشته باشند border-radius: 5px 5px 2px 2px;/ هرگوشه اندازه ی متفاوتی دارد
حالا میخوام نکته ای رو بگم که در اخرین مورد تصویر دیدید
شده بخواین هر ضلع از بوردرتون ی رنگ یا استایل داشته باشه؟
مثلا بالا قرمز پایین سبز؟
این کد رو ببینید:
border-color: red green gray black;
به این شکل در میاد: بالا راست پایین چپ
بوردر توضیحات دیگری هم دارد که برای کار دقیق میشه از آنها استفاده کرد اما مهمترین دستورات و مقدار های آن این ها بودند :)
نمیفهممممممممممم؟_؟
نفهمی