新聞中心
這篇文章主要介紹css中把正方形變成圓形的方法,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
公司主營業(yè)務(wù):成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出皋蘭免費(fèi)做網(wǎng)站回饋大家。
css中把正方形變成圓形的方法:首先新建一個html示例文件;然后在body標(biāo)簽中輸入div標(biāo)簽,并且給div標(biāo)簽添加一個類名;最后通過添加屬性為“border-radius:150px”即可把正方形變成圓形。
新建一個 將正方形變成圓形.html 文件,如圖所示:
輸入HTML5的結(jié)構(gòu)代碼,將title標(biāo)簽里面的內(nèi)容修改成:將正方形變成圓形,如圖所示:
在body標(biāo)簽中輸入div標(biāo)簽,并且給div標(biāo)簽添加一個類名(box),如圖所示:
給類名(box)添加CSS屬性,讓其變成一個正方形,如圖所示:
添加一個CSS屬性,代碼:border-radius:150px,如圖所示:
運(yùn)行網(wǎng)頁,可以看到正方形已經(jīng)變成了圓形,如圖所示:
以上是“css中把正方形變成圓形的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)站題目:css中把正方形變成圓形的方法
地址分享:http://www.ef60e0e.cn/article/picsoi.html