css图片上画线 |css文字效果下载

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

首先，需要将图片的定位改为相对定位，这样将来伪元素才能相对于图片进行定位。其次，为图片的伪元素添加样式，使之成为一条竖直线条。注意，该竖直线条的定位方式是相对于图片的中心点进行的。

需要注意的是，以上是在图片的正中心添加竖直线条，如果需要添加水平线条或者按照不同位置添加竖直线条，需要根据需求做出相应的更改。