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

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

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);
}

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

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

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

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

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

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