CSS是一種常用的網頁樣式表語言,可以用來控制網頁的樣式和布局。其中,CSS也可以用來畫簡單的圖形,下面是一些常用的方法。
//畫一個正方形 .square { width: 100px; height: 100px; background-color: red; } //畫一個圓形 .circle { width: 100px; height: 100px; border-radius: 50%; background-color: blue; } //畫一個三角形 .triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid green; } //畫一個梯形 .trapezoid { width: 200px; height: 0; border-bottom: 50px solid yellow; border-left: 50px solid transparent; border-right: 50px solid transparent; } //畫一個菱形 .diamond { width: 100px; height: 100px; transform: rotate(45deg); background-color: purple; }
以上是一些常用的CSS代碼,可以用來畫出不同形狀的圖形。通過CSS的樣式控制,我們可以通過簡單的代碼實現甚至是復雜的圖形效果,這也為網頁設計師帶來了更多的創作空間。
上一篇mysql2005錯誤碼
下一篇css怎么點擊顯示div