溫馨提示×

css如何讓邊框角變圓

css
養(yǎng)魚的貓咪
1705
2021-03-24 17:57:50
欄目: 編程語言

在css中實現(xiàn)邊框圓角的方法：1.創(chuàng)建div標簽；2.設(shè)置div標簽寬高和邊框；3.使用border-radius屬性設(shè)置邊框圓角；

css如何讓邊框角變圓

在css中實現(xiàn)邊框圓角的方法

1.首先，在頁面中創(chuàng)建一個div標簽；

 <body>
    <div class="out"></div>
 </body>

2.div標簽創(chuàng)建好后，在css中設(shè)置div標簽的寬高，并設(shè)置邊框；

 .out{
      width:300px;
      height: 150px;
      border: 1px solid  #aaa; 
}

3.最后，div標簽邊框設(shè)置好后，使用border-radius屬性將邊框樣式設(shè)置為圓角；

 .out{
      width:300px;
      height: 150px;
      border: 1px solid  #aaa; 
      border-radius：30px;
}


0 踩