在前端開發(fā)中，常常需要對網(wǎng)頁上的圖片進行樣式設置，這時我們就需要用到CSS。 要設置圖片的樣式，我們需要先在HTML頁面中嵌入圖片，并指定它的class或ID，然后在CSS中使用相應的選擇器來選擇該圖片元素，并作出相應的樣式調(diào)整。 下面是一個示例代碼：

<style type="text/css">
.img-class{
border:1px solid #ccc; /*為圖片添加邊框*/
border-radius:5px; /*圓角*/
box-shadow:0 0 10px #ccc; /*投影*/
}
#img-id{
width:200px; /*設置圖片寬度*/
height:auto; /*設置圖片自適應高度*/
}
</style>

代碼解釋： 首先，我們使用class選擇器選擇一個class為"img-class"的圖片元素，然后使用border屬性為它添加邊框，并使用border-radius屬性設置圓角。 接著，我們使用box-shadow屬性為該圖片元素添加投影效果。 其次，我們使用ID選擇器選擇一個ID為"img-id"的圖片元素，并使用width屬性設置它的寬度為200像素。 最后，我們使用height:auto屬性讓圖片根據(jù)寬度自適應高度，從而保證原始比例。 以上就是CSS設置圖片樣式的基本方法，只需要靈活運用各種CSS屬性和選擇器，就能輕松實現(xiàn)各種不同的圖片樣式效果。