css基本内容笔记2 -- 边框

1.border 属性允许您指定元素边框的样式、宽度和颜色

     1.1、border-style 属性指定要显示的边框类型（可以设置一到四个值（用于上边框、右边框、下边框和左边框））        

• dotted - 定义点线边框
• dashed - 定义虚线边框
• solid - 定义实线边框
• double - 定义双边框
• groove - 定义 3D 坡口边框。效果取决于 border-color 值
• ridge - 定义 3D 脊线边框。效果取决于 border-color 值
• inset - 定义 3D inset 边框。效果取决于 border-color 值
• outset - 定义 3D outset 边框。效果取决于 border-color 值
• none - 定义无边框
• hidden - 定义隐藏边框
• 

 

      1.2、border-width 属性指定四个边框的宽度（可以将宽度设置为特定大小（以 px、pt、cm、em 计），也可以使用以下三个预定义值之一：thin、medium 或 thick；可以设置一到四个值用于上边框、右边框、下边框和左边框）

       1.3、border-color 属性用于设置四个边框的颜色（可以设置一到四个值（用于上边框、右边框、下边框和左边框））

        1.4不同边框的样式：

例子：

border-style 属性设置四个值：

border-style: dotted solid double dashed;

• 上边框是虚线
• 右边框是实线
• 下边框是双线
• 左边框是虚线

如果 border-style 属性设置三个值：

border-style: dotted solid double;

• 上边框是虚线
• 右和左边框是实线
• 下边框是双线

如果 border-style 属性设置两个值：

border-style: dotted solid;

• 上和下边框是虚线
• 右和左边框是实线

如果 border-style 属性设置一个值：

border-style: dotted;

• 四条边均为虚线

      1.4、border-radius 属性用于向元素添加圆角边框