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

要?jiǎng)?chuàng)建一個(gè)CSS格式的圖片，首先需要在HTML中插入img標(biāo)簽。然后，在CSS樣式表中使用選擇器來(lái)為這個(gè)標(biāo)簽添加樣式。

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

在這個(gè)例子中，我們?yōu)閕mg標(biāo)簽添加了幾個(gè)常用的CSS屬性。width屬性設(shè)置圖片的寬度為100%。這樣，無(wú)論圖片的原始寬度是多少，它都會(huì)自適應(yīng)屏幕大小。

max-width屬性設(shè)置圖片的最大寬度為500像素。當(dāng)圖片的原始寬度超過(guò)這個(gè)值時(shí)，它會(huì)縮小到這個(gè)值以?xún)?nèi)。這樣可以避免圖片太大而導(dǎo)致頁(yè)面布局混亂。

height屬性設(shè)置圖片的高度自適應(yīng)，保持圖片的寬高比不變。

border屬性為圖片添加2像素的實(shí)線(xiàn)黑框框。

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

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

CSS格式的圖片可以通過(guò)這些常用的CSS屬性輕松控制。開(kāi)發(fā)者可以根據(jù)需要添加更多的CSS屬性，以達(dá)到更加精細(xì)的樣式效果。