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

Một bạn đọc có hỏi itviet360 về cách làm chi chân link trên Website itviet360 đượ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ẻ !
Chuyên mục: , , ,

0 nhận xét:

Đăng một bình luận