CSS是一種用于控制網頁樣式的語言，它可以用來寫出各種樣式，包括控制文本、圖像、表格等各種網頁元素。在這里，我們主要討論CSS如何寫圖片的樣式。

在CSS中，我們可以使用<img>標簽來引入圖片，然后使用樣式來控制圖片的顯示效果。下面是一些常用的圖片樣式代碼示例：

/*設置圖片邊框*/
img{
 border:1px solid #ccc;
}
/*設置圖片寬度和高度*/
img{
 width:200px;
 height:150px;
}
/*設置圖片內外邊距*/
img{
 padding:10px;
 margin:10px;
}

以上代碼展示了如何設置圖片的邊框、寬度和高度、內外邊距等樣式。當然，這只是一部分圖片樣式的示例，你可以根據實際需要自由發揮。

在寫圖片樣式時，我們也可以使用CSS3中的新特性，如border-radius來設置圖片的圓角效果。

/*設置圖片圓角*/
img{
 border-radius:50%;
}

以上代碼將圖片設置為圓形，圓角半徑為50%。

除了以上的基本樣式，我們還可以使用CSS的背景圖像屬性background-image來設置圖片。下面是一個示例：

/*設置背景圖像*/
.mydiv{
 background-image:url('myimage.jpg');
 background-size:cover;
}

以上代碼將一個div元素的背景圖像設置為myimage.jpg，并設置背景圖片覆蓋整個div元素。

總之，使用CSS寫圖片樣式是一項非常重要的技能，可以讓你的網頁更加美觀、生動、有趣。