CSS格式的圖片是用CSS樣式表來控制和格式化圖像的一種方式。它可以讓開發者通過CSS屬性控制圖片的大小、顏色、位置、透明度和樣式等方面。

要創建一個CSS格式的圖片，首先需要在HTML中插入img標簽。然后，在CSS樣式表中使用選擇器來為這個標簽添加樣式。

img {
width: 100%;
max-width: 500px;
height: auto;
border: 2px solid #ccc;
border-radius: 5px;
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
}

在這個例子中，我們為img標簽添加了幾個常用的CSS屬性。width屬性設置圖片的寬度為100%。這樣，無論圖片的原始寬度是多少，它都會自適應屏幕大小。

max-width屬性設置圖片的最大寬度為500像素。當圖片的原始寬度超過這個值時，它會縮小到這個值以內。這樣可以避免圖片太大而導致頁面布局混亂。

height屬性設置圖片的高度自適應，保持圖片的寬高比不變。

border屬性為圖片添加2像素的實線黑框框。

border-radius屬性設置圖片的圓角半徑為5像素，使圖片變得更加美觀。

box-shadow屬性為圖片添加5像素大小、2像素模糊度的陰影效果，增強圖片的立體感。

CSS格式的圖片可以通過這些常用的CSS屬性輕松控制。開發者可以根據需要添加更多的CSS屬性，以達到更加精細的樣式效果。