CSS3 是最新的 css 標準,它引入了很多新特性,其中包括文字加下劃線。文字下劃線在網站設計中非常普遍,可以用于標記重要的文本,提醒用戶點擊鏈接等等。下面是幾種常見的用 CSS3 實現下劃線的方法。
/* 使用 text-decoration 屬性實現下劃線 */ .text-underline { text-decoration: underline; } /* 使用 border-bottom 屬性實現下劃線 */ .border-underline { border-bottom: 1px solid #000; } /* 使用偽元素 ::after 實現下劃線 */ .pseudo-underline::after { content: ""; border-bottom: 1px solid #000; display: block; width: 50%; margin: 0 auto; } /* 使用偽元素 ::before 和 ::after 實現雙下劃線 */ .double-underline::before, .double-underline::after { content: ""; border-bottom: 1px solid #000; display: block; width: 50%; margin: 0 auto; } .double-underline::before { margin-bottom: 8px; } .double-underline::after { margin-top: 8px; }
以上代碼可以根據需要進行調整,例如改變下劃線的顏色、粗細、長度等等。需要注意的是,下劃線一般會影響到文字的排版,可以通過控制線的高度和位置來調整布局。
上一篇mysql取得每一列數據
下一篇css090123