CSS是前端網頁開發中的一個重要技術，它可以實現對網頁中各種元素的樣式定制。其中，給圖片加橫線也是CSS的一種常見應用場景。下面我們就來看一下如何通過CSS來實現這個效果。

img {
text-decoration: line-through;
}

上面的代碼中，我們給圖片設置了一個text-decoration屬性，將其值設為line-through。line-through表示加一個橫線在文字上方的效果，而圖片實質上也是一種文本元素，同樣可以應用這個屬性。

除了給整個圖片加橫線之外，我們也可以針對圖片的某一部分來加橫線，比如說圖片的標題。這個時候，我們可以給標題單獨設置樣式，將標題部分的text-decoration屬性值設為line-through即可。

img h2 {
text-decoration: line-through;
}

上面的代碼中，我們使用了CSS選擇器來選擇圖片下方的標題h2元素，然后給它設置了text-decoration屬性，實現了標題加橫線的效果。

總的來說，給圖片加橫線是一個比較簡單的CSS應用場景。通過text-decoration屬性的設置，我們可以輕松地實現這個效果，讓圖片的呈現更加豐富多彩。