CSS是網站設計中的重要部分，能夠使網頁更加美觀、易于閱讀。其中，圖片展示是網站設計中經常用到的元素。這篇文章將介紹如何使用CSS讓圖片占據寬度的三分之一，即33.333%。

/* CSS代碼 */
img {
width: 33.333%;
height: auto;
}

如上述代碼所示，只需要在img標簽中設置width屬性為33.333%，就能讓圖片占據容器寬度的三分之一。同時，設置height屬性為auto，可以使圖片高度按照寬度的比例自適應。這樣能夠保證圖片不會失真，同時也與響應式設計的思路相符合。

使用CSS使圖片占據三分之一的寬度，除了能夠使頁面更顯簡潔外，還能夠有效提高頁面加載速度。因為只需要加載三分之一的圖片，會使頁面更加輕量化，提高用戶訪問速度。

總之，CSS是網頁設計中不可或缺的元素，學會使用它能夠在網站設計中事半功倍。讓圖片占據容器寬度的三分之一，只需簡單的設置width屬性為33.333%就能夠實現。這是一個簡單卻實用的技巧，相信大家使用之后能夠受益頗豐。