边框相关样式

border-radius(边框圆角)

  • 该属性用于设置边框圆角，属性值为圆角半径，当设置一个时为值为四个角的圆角半径；俩个时，第一个为左上角和右下角的半径，第二个值为右上角和左下角的圆角半径；四个时，为从左上角开始顺时针依次使用。
  • 当边框宽度设置为0，或边框设置为none时不显示边框，浏览器会将背景的四个角设置为圆角
  • 无论将边框种类修改为什么类型，边框都会沿着圆角进行绘制
div{
  width:400px;
  height:400px;
  margin:30px;
  background-color:yellow;
  border:solid 0px blue;
  border-radius:10px 50px 100px 200px
}

border-image(图像边框)

  • 历时俩天对于这个属性我只有一句妈卖批
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容