溫馨提示×

css如何讓邊框角變圓

css
養魚的貓咪
1726
2021-03-24 17:57:50
欄目: 編程語言

在css中實現邊框圓角的方法:1.創建div標簽;2.設置div標簽寬高和邊框;3.使用border-radius屬性設置邊框圓角;

css如何讓邊框角變圓

在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;

}


0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女