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是一樣的