CSS是網(wǎng)頁設(shè)計中常用的一個工具,它不僅可以實現(xiàn)各種樣式效果,還可以實現(xiàn)一些比較特殊的功能。比如,我們可以使用CSS來畫弧。下面,我們就來學(xué)習一下如何用CSS來畫弧。
.circle { width: 100px; height: 100px; border-radius: 50%; border-top: 1px solid #000; border-right: 1px solid #000; } .half-circle { width: 100px; height: 50px; border-radius: 0 0 50px 50px; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: none; border-left: none; }
首先,我們需要了解一些基本的CSS屬性。
1. border-radius:這個屬性可以讓一個矩形變成圓形,或者讓一個矩形的某一側(cè)變成弧形。
2. border:這個屬性可以設(shè)置邊框的樣式。
上面的代碼可以分別畫出一個圓形和一個半弧形。我們使用了border-radius屬性來將一個矩形變成圓形或者半弧形,使用了border屬性來設(shè)置邊框的樣式。
現(xiàn)在你可以試著修改這些屬性的值,來畫出不同形狀的弧線。
上一篇mysql添加庫
下一篇css 畫一個三角形