這篇文章主要介紹css中把正方形變成圓形的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
css中把正方形變成圓形的方法：首先新建一個html示例文件；然后在body標簽中輸入div標簽，并且給div標簽添加一個類名；最后通過添加屬性為“border-radius:150px”即可把正方形變成圓形。
新建一個 將正方形變成圓形.html 文件，如圖所示：
輸入HTML5的結構代碼，將title標簽里面的內容修改成：將正方形變成圓形，如圖所示：
在body標簽中輸入div標簽，并且給div標簽添加一個類名(box)，如圖所示：
給類名(box)添加CSS屬性，讓其變成一個正方形，如圖所示：
添加一個CSS屬性，代碼：border-radius:150px，如圖所示：
運行網頁，可以看到正方形已經變成了圓形，如圖所示：
以上是“css中把正方形變成圓形的方法”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
