在網頁設計中，我們有時需要在文字或圖片下方添加上劃線來強調某個元素。在css中，我們可以使用text-decoration屬性來設置上劃線，不過對于圖片來說，設置方法有所不同。

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

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

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

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