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

css的三种引入方式

1.行内样式，最直接最简单的一种，直接对HTML标签使用style=""。

2.内嵌样式，就是将CSS代码写在之间，并且用进行声明。

3.外部样式，其中链接样式是使用频率最高，最实用的样式，只需要在之间加上就可以了。其次就是导入样式，导入样式和链接样式比较相似，采用@import样式导入CSS样式表，不建议使用。