##3.1 CSS3邊框簡介
`border`屬性在CSS1中就已經定義了，使用它可以設置元素的邊框風格。
###3.1.1 邊框的基本屬性
CSS1和CSS2中的邊框屬性確實很簡單，其主要包括三個類型值。
1. `border-width`：設置元素邊框的粗細。
2. `border-color`：設置元素邊框的顏色。
3. `border-style`：設置元素邊框的類型。
在實際中可以將上面三個屬性合并在一起，其縮寫語法如下：
border: border-width border-style border-color;
縮寫后的每個屬性之間使用空格隔開，而且它們之間沒有先后順序，可這里三個值中唯一需要的值是“`border-style`”。
###3.1.2 邊框的類型
| 屬性值 | 功能描述 | 示例代碼 |
|---|---|---|
| `none` | 定義無邊框 | `.ele{border:none;}` |
|`hidden`| 與"`none`"相同，不過應用于表時除外，對于表，`hidden`用于解決邊框沖突 | `.ele{border:hidden;}` |
| `dotted` | 定義點狀邊框 | `.ele{border: 3px dotted red;}` |
| `dashed` | 定義虛線邊框 | `.ele{border: 3px dashed red;}` |
| `solid` | 定義實線邊框 | `.ele{border: 3px solid red;}` |
| `double` | 定義雙線。雙線的寬度等于`border-width`的值 | `.ele{border: 3px double red;}` |
| `groove` | 定義3D凹槽邊框，其效果取決于`border-color`的值 | `.ele{border: 3px groove red;}` |
| `ridge` | 定義3D壟狀邊框，其效果取決于`border-color`的值 | `.ele{border: 3px ridge red;}` |
| `inset` | 定義3D`inset`邊框，其效果取決于`border-color`的值 | `.ele{border: 3px inset red;}` |
| `outset` | 定義3D`outset`邊框，其效果取決于`border-color`的值 | `.ele{border: 3px outset red;}` |
| `inherit` | 規定應該從父元素繼承邊框樣式。部分瀏覽器不支持這個屬性值 | `.ele{border: 3px inherit red;}` |
#####chrome
#####360安全瀏覽器急速模式
#####360安全瀏覽器兼容模式
#####firefox
#####IE11
#####IE10
#####IE9
#####IE8
#####IE7
**上面IE78910均未使用原生IE測試，而是使用了IE11自帶的IE78910進行的測試。 **
