CSS（Cascading Style Sheets）是一種網(wǎng)頁樣式設(shè)計語言，它允許開發(fā)人員在HTML文檔中控制元素的外觀和布局。其中，CSS樣式也可以用來控制網(wǎng)頁中的圖片元素。

以下是一些示例代碼，演示如何使用CSS樣式來控制網(wǎng)頁中的圖片元素。

img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
img:hover {
opacity: 0.8;
}
img.thumbnail {
border: 1px solid #ccc;
padding: 5px;
border-radius: 5px;
box-shadow: 2px 2px 5px #ccc;
}
img.rounded {
border-radius: 50%;
}
img.flipped {
transform: scaleX(-1);
}

首先，我們有一個通用的樣式規(guī)則，將所有圖片的最大寬度設(shè)置為100％，保持原始寬高比例，并將圖片顯示為塊狀元素。另外，我們將所有圖片設(shè)置為居中顯示。

其次，我們有一個懸停樣式規(guī)則，當鼠標懸停在圖片上時，將透明度降低為0.8。這種技巧可以為圖片提供一個簡單的視覺效果，使其更加生動。

第三個樣式規(guī)則是一個自定義類名為“thumbnail”的樣式規(guī)則，該規(guī)則為圖片元素添加了一個圖片邊框和圓角，使圖片看起來更像一個縮略圖。

接下來，我們有一個樣式規(guī)則，名為“rounded”，使用圓形邊框半徑將圖片變成圓形形狀，用于創(chuàng)建圓形頭像或標志的網(wǎng)站非常有用。

最后，我們還有一個有趣的樣式規(guī)則，稱為“flipped”，該規(guī)則使用CSS 3D Transforms在水平方向上翻轉(zhuǎn)圖像。這種技巧可以用于在制作反轉(zhuǎn)（mirrored）效果時實現(xiàn)創(chuàng)新的設(shè)計。

總之，CSS樣式可以極大地提高網(wǎng)頁設(shè)計的靈活性和可讀性，并且我們可以使用各種技巧和技術(shù)來控制圖片元素的外觀和布局。