欢迎点击「算法与编程之美」↑关注我们!
本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。
1 引言盒模型是CSS的一种基础设计模式,定义了Web页面中的元素是如何被看作盒子来解析的,而每一个盒子又有不同的展示方法接下来我们将详细的介绍一下边框的高级属性:圆角边框、图像边框。
2 .常用列表介绍
(1) 圆角边框
圆角边框可使页面看起来更加的舒服,使板块显得圆润而不失灵活。
基本语法:
border-radius:[|]{1,4}[|{1,4}]?
派生的相关子属性有:border-top-right-radius、border-bottom-right-radius、border-top-left-radius、border-bottom-left-radius分别定义右上角、右下角左上角和左下角的圆角。
语法说明