在CSS中,我們可以使用text-decoration
屬性為圖片添加下劃線,不過,由于圖片本身并沒有文本內(nèi)容,因此這種方法實際上是為圖片下方的文本添加下劃線,以下是一個示例:
img { position: relative; display: inline-block; } img:after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; border-bottom: 1px solid #000; }
在這個示例中,我們?yōu)閳D片添加了一個偽元素::after
,該元素的內(nèi)容為空,位置為***定位,寬度為100%,高度為1px,位于圖片底部,邊框為1px的黑色實線,這樣就為圖片下方的文本添加了下劃線。
這種方法僅適用于圖片下方的文本,如果圖片本身需要添加下劃線,那么可能需要使用其他方法,例如將圖片轉(zhuǎn)換為文字或使用SVG圖像。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。