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

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ẻ !

Like This Post? Please share!

  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

No comments :

Leave a Reply

Scroll to top