CSS 是前端開發的重要組成部分，用于控制網頁的樣式，而判斷圖片是否存在則是 CSS 中的一個重要應用之一。

在網頁中，圖片是重要的視覺資料，如果一張圖片不存在，那么網頁將變得缺少重要的信息，影響用戶體驗。因此，我們需要使用 CSS 的技術手段判斷圖片是否存在。

img{
display:none;
}
img::before{
content: "";
width: 0;
height: 0;
display:block;
background-image:url("/img/error-image.png");
background-repeat:no-repeat;
}
img[src]{
display:block;
width:100%;
height:auto;
}
img[src]:before{
background-image:url("/img/loading.gif");
}

上面的代碼可以在圖片不存在時顯示一個錯誤圖片，在加載時顯示一個加載動畫。在 CSS 中，使用偽元素 ::before 可以在元素前面添加內容，然后我們添加一個背景圖片，就可以判斷圖片是否存在了。

總結一下，判斷圖片是否存在并不是 CSS 的本職工作，但是在前端開發中是一個非常重要的應用。掌握這個技巧，不僅可以提高網頁的用戶體驗，還可以在網頁的設計上做出更多有趣的嘗試。