今天我們來講一下如何給圖片添加橫線。在CSS中，可以使用偽元素:before和:after來實現這個效果。 首先，在HTML中，我們需要添加一個包含圖片的div元素，并為其命名。

<div class="img-wrapper">
<img src="example.jpg" alt="example">
</div>

然后，在CSS中，我們可以添加以下代碼：

.img-wrapper {
position: relative;
}
.img-wrapper:before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
background-color: #000;
}
.img-wrapper img {
display: block;
margin: 0 auto;
}

根據這些代碼，我們可以將圖片包裝在一個相對定位的div元素中。接下來，在div元素之前，我們添加一個空的:before偽元素。在這里，我們將該元素的position屬性設置為absolute，寬度設置為與img元素相同的100%，高度設置為1像素，并將其背景顏色設置為黑色。最后，我們將img元素設為塊級元素，并設置一個auto外邊距以使其水平居中。 這就是如何給圖片添加橫線的方法。你可以根據需要調整高度和顏色等屬性。希望這篇文章對你有所幫助！