這篇“html中怎么將邊框變成圓的”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“html中怎么將邊框變成圓的”文章吧。

創(chuàng)新互聯(lián)成都網(wǎng)站建設定制網(wǎng)站設計，是成都網(wǎng)站營銷推廣公司,為成都辦公空間設計提供網(wǎng)站建設服務,有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設計服務：原型圖制作、網(wǎng)站創(chuàng)意設計、前端HTML5制作、后臺程序開發(fā)等。成都網(wǎng)站推廣熱線：028-86922220

方法：1、使用width和height屬性將元素設置為正方形；2、使用“border: 邊框大小 solid 顏色值;”給正方形元素添加邊框；3、使用“border-radius: 50%;”語句將邊框變成圓的。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

html中將邊框變成圓的

1、創(chuàng)建一個div元素，使用width和height屬性將其設置為正方形

2、添加邊框

div{
	width: 100px;
	height: 100px;
	background-color: #FFC0CB;
	border: 2px solid black;
}

3、將邊框變成圓的

div{
	width: 100px;
	height: 100px;
	background-color: #FFC0CB;
	border: 2px solid black;
	border-radius: 50%;
}

以上就是關于“html中怎么將邊框變成圓的”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關的知識內(nèi)容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。