Home »

Code CSS gạch chân 2 đường - hướng dẫn trên Web, Blogger

27 tháng 12, 2013
Một bạn đọc có hỏi Thế Giới Blog về cách làm chi chân link trên Website Thế Giới Blog được có 2 gạch, và bạn muốn biết làm về thủ thuật này.

Chỉ với 1 dòng code CSS bạn sẽ thực hiện được điều này. Trước hết là chia sẻ code và hướng dẫn cách làm trên Blogger...
Code CSS gạch chân 2 đường - hướng dẫn trên Web, Blogger

Code:
u.double { /* -- double underline -- */
border-bottom: 1px solid;
}
.altdouble { /* alternate double */
border-bottom: 3px double;
line-height: 1.7em;
}
u.triple { /* -- triple threat -- */
border-bottom: 3px double;
line-height: 1.9em;
}

Code CSS gạch chân 2 đường - hướng dẫn trên Web, Blogger

- Hướng dẫn trên Blogger.
Tùy vào style cho từng vị trí mà các bạn chỉnh sửa nhé. Ví dụ ở đây mình muốn đặt cho link bào viết là 2 dấu gạch chân với Style 2
Dán đoạn code CSS này trước </b:skin>
và dán:
.post-info a { /* alternate double */
border-bottom: 3px double;
line-height: 1.7em;
}
chúc các bạn vui vẻ !
Tags: , ,

Comments[ 0 ]


Đăng nhận xét