CSS中圓的寫法有多種,可以通過border-radius屬性來實(shí)現(xiàn)圓形效果。
.circle { border-radius: 50%; }
其中50%是指將四個(gè)角都設(shè)置為寬度的50%,因此就形成了一個(gè)圓形。
如果想要實(shí)現(xiàn)不同大小的圓,只需要調(diào)整border-radius的屬性值即可。
.small-circle { border-radius: 25%; } .big-circle { border-radius: 75%; }
除了使用border-radius屬性,我們還可以使用特定的CSS框架或庫(kù)來幫助我們創(chuàng)建圓形的元素。
.circle { width: 100px; height: 100px; border-radius: 50%; }
通過上述代碼,我們可以創(chuàng)建一個(gè)100x100像素的圓形元素。
總結(jié)來說,圓形元素的創(chuàng)建方法有多種,最簡(jiǎn)單的方法是使用border-radius屬性,同時(shí)也可以通過CSS框架或庫(kù)來實(shí)現(xiàn)它。