本片文章翻譯自 Styling Broken Images 翻譯過程中可能會在原意不變的基礎(chǔ)上有些細微改動，望讀者見諒
加載失敗的圖片是比較丑陋的，比如
但是我們可以讓結(jié)果變得更美好。通過給元素設(shè)置CSS相關(guān)屬性可以實現(xiàn)更美的呈現(xiàn)。
IMG元素你需要知道的兩點知識
我們可以針對IMG元素設(shè)置排版相關(guān)的CSS樣式（諸如font等屬性）。一旦IMG的可替換文本（即alt屬性）出現(xiàn)，則設(shè)置的CSS樣式應(yīng)用于這些文本；
IMG元素屬于可替換元素（可替換元素是指元素的外觀和大小受外部源所影響，常見的可替換元素如IMG，OBJECT，INPUT，TEXTAREA等）。正由于可替換元素收外部源的影響，因此CSS中的偽元素::before、::after對它不起作用。但是，一旦圖片加載失敗，偽元素就可作用于圖片之上。
理解了上述兩點，我們就可以用CSS實現(xiàn)一個特殊的功能：
當(dāng)圖片正常加載時無需處理，而當(dāng)加載失敗時讓圖片應(yīng)用一些特殊的樣式，以達到更好的用戶體驗效果。
實踐
采用如下的實例代碼：
<img src="http://nopic.jpg" alt="休要胡說">