CSS字體下面橫線的實現方式有多種,下面我們介紹兩種常用的方式。
第一種方式是使用text-decoration屬性,其取值可以設置為underline、overline、line-through,表示下劃線、上劃線和穿過線。例如:
p { text-decoration: underline; }
上面的代碼表示給所有p標簽設置下劃線。我們也可以只給某些元素添加下劃線,如:
#title { text-decoration: underline; }
上面的代碼表示只給id為“title”的元素添加下劃線。
第二種方式是使用border-bottom屬性,其設置底部邊框,與text-decoration屬性不同的是,border-bottom可以設置邊框寬度和樣式。例如:
p { border-bottom: 1px solid black; }
上面的代碼表示給所有p標簽設置1像素粗的黑色底部邊框。
這兩種方式各有優缺點,text-decoration簡單易用,但只支持一個固定的樣式;border-bottom可以自由設置樣式和寬度,但可能需要考慮跨瀏覽器兼容性。在實際使用中,我們可以根據具體需求選擇合適的方式。
上一篇css 字體 外發光效果
下一篇css 字體凸起