在css中實現邊框圓角的方法:1.創建div標簽;2.設置div標簽寬高和邊框;3.使用border-radius屬性設置邊框圓角;
在css中實現邊框圓角的方法
1.首先,在頁面中創建一個div標簽;
<body><div class="out"></div>
</body>
2.div標簽創建好后,在css中設置div標簽的寬高,并設置邊框;
.out{width:300px;
height: 150px;
border: 1px solid #aaa;
}
3.最后,div標簽邊框設置好后,使用border-radius屬性將邊框樣式設置為圓角;
.out{width:300px;
height: 150px;
border: 1px solid #aaa;
border-radius:30px;
}