CSS圖片上畫線是網(wǎng)頁設(shè)計常用的一種技巧，可以讓圖片與文字更好的結(jié)合，增強網(wǎng)頁的美觀性和可讀性。本文將介紹如何在圖片上畫線。

img {
position: relative;
}
img::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 1px;
height: 80%;
background-color: #000;
}

首先，需要將圖片的定位改為相對定位，這樣將來偽元素才能相對于圖片進行定位。其次，為圖片的偽元素添加樣式，使之成為一條豎直線條。注意，該豎直線條的定位方式是相對于圖片的中心點進行的。

需要注意的是，以上是在圖片的正中心添加豎直線條，如果需要添加水平線條或者按照不同位置添加豎直線條，需要根據(jù)需求做出相應(yīng)的更改。