溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

bootstrap如何將div變成一個(gè)圓

發(fā)布時(shí)間：2021-09-23 18:05:48 來(lái)源：億速云 閱讀：246 作者：小新 欄目：開發(fā)技術(shù)

這篇文章主要為大家展示了“bootstrap如何將div變成一個(gè)圓”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“bootstrap如何將div變成一個(gè)圓”這篇文章吧。

border-radius，國(guó)內(nèi)翻譯成圓角，你可能以為這個(gè)屬性就是用來(lái)畫圓角，沒錯(cuò)，但是除此之外，它還可以做點(diǎn)別的事情。

radius其實(shí)指的是邊框所在圓的半徑，這個(gè)CSS3屬性不僅能夠創(chuàng)建圓角，還可以創(chuàng)建圓形，把這些角按照不同的順序和大小來(lái)展現(xiàn)，能夠繪制成多種多樣的圖形。

利用border-radius將標(biāo)簽設(shè)置成圓形，只要將border-radius的值設(shè)置成50%，就可以變成圓形。

實(shí)例：

<html>    <head>    </head>    <body style="width: 99%;height: 1000px;">        <div style="width:100px;height:100px;background-color:#000000;border-radius:50%;"></div>        <input type="button" style="width: 100px;height: 100px;background-color: #000000;border-radius:50%;" />    </body></html>

以上是“bootstrap如何將div變成一個(gè)圓”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手