css3学习个人笔记-边框属性

边框属性：

用 CSS3，可以创建圆角边框，添加阴影框，下面介绍开发页面常用的边框属性：border，border-radius

border属性：

语法：border：边框样式 边框像素 边框颜色;(样式顺序不一定写死，保持代码习惯)

边框样式常用值有：无边框(none)， 实线（solid），虚线（dashed），点线（dotted），双实线（double），以上样式可选。

边框像素单位：一般以px为单位标准，（不涉及适配布局）

边框颜色：red，yellow，green，或以#开头后面加6个字符的颜色取值。

border-radius圆角边框属性

如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。

但是，如果你要在四个角上一一指定，可以使用以下规则：

• 四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。
• 三个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角
• 两个值: 第一个值为左上角与右下角，第二个值为右上角与左下角
• 一个值： 四个圆角值相同

语法：border-radius：左上圆角 右上圆角 右下圆角 左下圆角;（规定顺序不可乱，保持代码习惯）

合并写法：border-radius：左上右下圆角 右上左下圆角

单独设置：

左上圆角border-top-left-radius

右上圆角border-top-right-radius

右下圆角border-bottom-right-radius

左下圆角border-bottom-left-radius

设置椭圆边框，需要宽高大小保持一定比例，宽高等大，则为圆形，所以要想设置椭圆边框，注意宽高的比例。