css 设置边框的样式设置 border-left 、border属性

 

 

1、border-left

作用：设置左边框的样式：（所有浏览器都支持 border-left 属性）

（1）可以简单的把所有的左边框的属性写到一个属性中：

  border-left:thick double #ff0000;   

border-left 后的第一个参数：指定线的宽度、风格、颜色 ，上面的这个例子就可以说明，thick是指明样式是粗的左边框。 double是指定线的样式是双线、最后指定的是线的颜色

这个border-left属性也可以拆分为多个单独的css样式属性：

可以拆分为：

• border-left-width
• border-left-style
• border-left-color

border-left-width中如果不设置其中的某个值，也不会出问题，比如 border-left:solid #ff0000; 也是允许的。

 

其中border-left-width的值：

 

 

border-left-style

border-left-color

 

 

 

2、border属性

作用：border定义所有的边框的样式

他的参数和borde-left是一样的，也可以直接

p
  {
  border:5px solid red;
  }

 

也可以分为三个元素分别设置：

可以按顺序设置如下属性：

• border-width
• border-style
• border-color

 

 

值和上面的border-left是一样的