CSS是網(wǎng)頁開發(fā)中不可或缺的一部分,它可以使網(wǎng)頁的樣式變得更加美觀,讓網(wǎng)頁更加生動(dòng)。
以下是三個(gè)不同的CSS樣式。
/* 第一張圖片 */ img.one { border: 1px solid black; border-radius: 50%; box-shadow: 2px 2px 2px grey; } /* 第二張圖片 */ img.two { border: 1px solid black; border-radius: 50%; transform: rotate(45deg); box-shadow: 2px 2px 2px grey; } /* 第三張圖片 */ img.three { border: 1px solid black; border-radius: 0% 100% 0% 100% / 100% 50% 50% 0%; box-shadow: 2px 2px 2px grey; }
第一張圖片的CSS樣式使圖片看起來圓形,具有黑色實(shí)線邊框和灰色陰影。
第二張圖片的CSS樣式與第一張圖片相似,但使用了transform屬性,讓圖片旋轉(zhuǎn)45度。
第三張圖片的CSS樣式使圖片看起來像菱形,具有黑色實(shí)線邊框和灰色陰影。它使用border-radius屬性來控制圓角,并使用斜杠符號(hào)(/)和百分比值表示分別沿著水平和垂直方向的半徑。
通過使用不同的CSS樣式,我們可以讓同一張圖片變得與眾不同。上面這三個(gè)例子只是CSS樣式的冰山一角,您可以自由發(fā)揮,創(chuàng)造出更多個(gè)性化、有趣的網(wǎng)頁。
上一篇java 和null