css如何让边框角变圆

css

1046

2021/3/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;
}

最新知识库