在網頁設計中,樣式表樣式扮演了很重要的角色。除了美化頁面的外觀之外,CSS還可以用來創建圖形元素。下面是一些CSS圖形的示例。
/* 正方形 */ .square { width: 100px; height: 100px; background-color: blue; } /* 圓形 */ .circle { width: 100px; height: 100px; border-radius: 50%; background-color: green; } /* 三角形 */ .triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } /* 梯形 */ .trapezium { width: 100px; height: 0; border-bottom: 50px solid blue; border-left: 25px solid transparent; border-right: 25px solid transparent; } /* 菱形 */ .rhombus { width: 0; height: 0; border: 25px solid transparent; border-top-color: green; }
這些僅僅是可以用CSS創建的一些基本形狀,但是在實際應用中,CSS圖形可以更加復雜,包括漸變色,陰影,動畫效果等等。如果你想學習更多關于CSS圖形的知識,可以查看相關的教程和示例。