CSS（Cascading Style Sheets，層疊樣式表）是一種用于網頁設計的樣式語言，它能夠控制HTML（Hypertext Markup Language，超文本標記語言）文檔中的元素樣式和排版。其中，最常見的應用之一就是為圖片元素添加樣式。下面，我們就來看一下如何利用CSS為一張圖片添加樣式。

/* 定義圖片外框樣式 */
.img-frame {
width: 600px; /* 圖片外框寬度 */
height: 400px; /* 圖片外框高度 */
margin: 0 auto; /* 垂直居中 */
border: 5px solid #ccc; /* 邊框樣式 */
box-shadow: 2px 2px 5px #ccc; /* 陰影效果 */
overflow: hidden; /* 溢出部分隱藏 */
}
/* 圖片樣式 */
.img-frame img {
width: 100%; /* 圖片寬度適應外框 */
height: auto; /* 圖片高度按比例縮放 */
display: block; /* 塊級元素，解決圖片底部空格問題 */
margin: 0 auto; /* 水平居中 */
transition: all 0.3s ease; /* 過渡動畫效果 */
}
/* 鼠標懸停效果 */
.img-frame img:hover {
opacity: 0.8; /* 透明度變化 */
transform: scale(1.1); /* 縮放效果 */
}

以上代碼實現了一個寬度為600px，高度為400px的圖片外框，具備邊框和陰影效果，并對圖片進行等比縮放和居中。當鼠標懸停在圖片上時，圖片透明度會有所變化并且會有一定的縮放效果。

以上就是利用CSS為一張圖片添加樣式的基本實現方式，通過合理運用CSS，可以實現更多有趣的圖片呈現效果。