這篇文章給大家介紹html中circle的作用是什么，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)公司2013年至今，先為甌海等服務(wù)建站，甌海等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為甌海企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

CSS circle()函數(shù)是一個圖形函數(shù)，用于指定某種基本圖形類型。

CSS 代表一種基本圖形，它通過圖形函數(shù)來定義一個圖形。一個基本圖形可以作為shape-outside屬性，或clip-path屬性的參數(shù)使用，經(jīng)這些屬性應(yīng)用在一個元素上，可以使這個元素周圍的內(nèi)容環(huán)繞在它的周圍，或者使用指定的圖形來剪裁內(nèi)容。

circle()函數(shù)的語法如下：

circle() = circle( []? [at ]? )
/* where.. */
 =  |  | closest-side | farthest-side

circle()函數(shù)用于定義一個圓形。它的參數(shù)都是可選參數(shù)，如果第一個參數(shù)缺省，則由瀏覽器來決定它的默認值。

如果第二個參數(shù)position缺省，那么圓形的圓心位于使用該函數(shù)的元素的中心位置。設(shè)置position參數(shù)的語法和background-position相同。使用position是必須帶有at關(guān)鍵字。

參數(shù)用于指定圓形的半徑。如果是百分比值則使用參考盒模型的寬度和高度來計算。不允許為負數(shù)。

除了使用長度值和百分比值來指定圓形的半徑，也可以使用兩個關(guān)鍵字來指定：closest-side和furthest-side。closest-side關(guān)鍵字表示，如果你沒有指定圓形的半徑，那么瀏覽器將使用元素的最接近圓心的邊到圓心的距離作為半徑。如下圖所示。furthest-side和closest-side剛好相反，它使用距離最遠的邊到圓心的距離作為半徑。

下面都是有效的circle()函數(shù)聲明。

circle();
/* 使用默認值：圓形使用closest-side作為半徑，圓形位于元素的中心 */
 
circle(100px at 30% 50%);
/* 圓形的半徑為100像素，位于元素的水平30%，垂直50%的位置 */
 
circle(farthest-side at 25% 25%);
/* 圓形的半徑為最遠邊的一半，位于元素的水平25%，垂直25%的地方 */
 
circle(10em at 500px 300px);

關(guān)于html中circle的作用是什么就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。