CSS下劃線邊長(zhǎng)指的是下劃線的長(zhǎng)度和寬度。下劃線一般作為文本裝飾,可以用CSS樣式來(lái)控制下劃線的邊長(zhǎng),大小,顏色等。
.text { text-decoration: underline; border-bottom: 2px solid; /* 下劃線邊長(zhǎng)為2px寬,和文本長(zhǎng)度一致 */ } .text-lg { text-decoration: underline; border-bottom: 3px solid; /* 下劃線邊長(zhǎng)為3px寬,和文本長(zhǎng)度一致 */ } .text-wide { text-decoration: underline; border-bottom: 2px solid; padding-bottom: 5px; /* 下劃線邊長(zhǎng)為2px寬,并增加padding-bottom來(lái)增大下劃線長(zhǎng)度 */ } .text-dotted { text-decoration: underline dotted; /* 下劃線為虛線 */ }
可以通過(guò)調(diào)整border-bottom的值來(lái)改變下劃線的邊長(zhǎng),通過(guò)padding-bottom的值來(lái)擴(kuò)大下劃線的長(zhǎng)度。
下劃線也可以通過(guò)text-decoration的值來(lái)改變樣式,如dotted就是虛線。