在網(wǎng)頁(yè)設(shè)計(jì)中，我們有時(shí)需要在文字或圖片下方添加上劃線來強(qiáng)調(diào)某個(gè)元素。在css中，我們可以使用text-decoration屬性來設(shè)置上劃線，不過對(duì)于圖片來說，設(shè)置方法有所不同。

img{
position:relative;
}
img:after{
content:'';
position:absolute;
left:0;
bottom:0;
width:100%;
border-top:3px solid #000;
}

上面的代碼中，我們首先將圖片的position屬性設(shè)置為relative，然后通過偽元素:after來添加上劃線。:after會(huì)在圖片下方生成一個(gè)空內(nèi)容的塊級(jí)元素，然后我們將其position屬性設(shè)置為absolute，使其脫離文檔流，再通過left和bottom屬性定位到圖片底部，最后設(shè)置其寬度和邊框樣式即可。

需要注意的是，如果圖片本身有margin或padding屬性，需要將其設(shè)為0，否則上劃線會(huì)與圖片之間留出間隙。

此外，如果要設(shè)置不同的上劃線樣式，可以通過修改border-top的屬性值來實(shí)現(xiàn)，例如改變其顏色、粗細(xì)、樣式等。