CSS是前端開發(fā)中非常重要的一項技能,通過CSS可以實現(xiàn)各種各樣的效果。在這里,我們來介紹一下CSS中的三個圖:
- 圖片圓角: img { border-radius: 50%; }
通過使用border-radius屬性,可以讓圖片顯示為圓形。其中的50%是指要讓圖片的四個角都變成圓角,也可以通過調整百分比來達到不同的效果。
- 漸變背景: div { background: linear-gradient(to right, red, blue); }
通過使用background屬性,可以讓div的背景色變成漸變色。其中的to right表示漸變方向為從左到右,red和blue則是兩個顏色的值。通過調整方向和顏色值,可以實現(xiàn)各種各樣的漸變效果。
- 文字陰影: h1 { text-shadow: 2px 2px 5px black; }
通過使用text-shadow屬性,可以讓文字顯示出陰影效果。其中的2px和5px分別表示陰影的水平和垂直偏移量,黑色則是陰影顏色的值。通過調整偏移量和顏色值,可以實現(xiàn)不同的陰影效果。
下一篇css中圖像id名稱