ورود

View Full Version : طراحی خط افقی در css


miladdn13
جمعه 09 خرداد 1393, 11:13 صبح
119661119661119661 با سلام جه جوری یه خط افقی مانند این شکل بنویسم
میخوام استایلشم همین جوری باشه ینی کمرنگ شده باشه
ab.ali
جمعه 09 خرداد 1393, 11:51 صبح
خیلی راحت، با border می تونی راحت درستش کنید! اون جایی که شما می گین کم رنگ شده به خاطر اینه که خود پس زمینه قسمت منو ، یک گرادینت و رنگ border به دلیل همخوانی با پس زمینه محو شده است!




.border{
border-right: 1px solid #0099CC;
border-left:1px solid #FFF}




خودتون با توجه به نیازتون به اون اضافه یا کم کنید!

نوجه : اگر برای منو می خواین مثل عکس بالا، باید اون کد ها رو به li ها بدین و با دادن padding فاصله متن li ها تا border ها رو مشخص کنید!
8908183
شنبه 08 شهریور 1393, 13:56 عصر
دقیقا مشابه همین منو رو توی این سایت به صورت آموزش تصویری قرار داده..ازین فیلم ها استفاده کنید تمام مراحل ساخت منو با جزییات کامل توضیح داده..واقعا عالیه... البته چهار پنج قسمت هستش...حواستون به بقیه قسمت هاش هم باشه.

لینک فیلم:
http://clicksite.ir/article.php?id=47