CSS(層疊樣式表)是一種用于控制網(wǎng)頁排版的語言,其中包含許多可供選擇的圖形代碼,下面介紹CSS中的一些好用的圖形代碼。
/* 實現(xiàn)一個三角形 */ .triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } /* 實現(xiàn)一個圓形 */ .circle { width: 50px; height: 50px; border-radius: 50%; background-color: blue; } /* 實現(xiàn)一個矩形 */ .rectangle { width: 100px; height: 50px; background-color: green; } /* 實現(xiàn)一個直線 */ .line { width: 200px; border-bottom: 1px solid black; } /* 實現(xiàn)一個梯形 */ .trapezoid { border-bottom: 100px solid blue; border-left: 50px solid transparent; border-right: 50px solid transparent; height: 0; width: 100px; }
以上是CSS中的一些圖形代碼,例如可以使用border屬性創(chuàng)建三角形、圓形、矩形和梯形等形狀,還可以使用border-bottom來創(chuàng)建直線。這些代碼可以很方便地應(yīng)用于網(wǎng)頁中的設(shè)計和排版中,讓頁面更加美觀。