語法:
```css
border : border-width border-style border-color
```
border-style常用如下屬性值:
none:沒有邊框即忽略所有邊框的寬度(默認值)
solid:邊框為單實線(最為常用的)
dashed:邊框為虛線
dotted:邊框為點線
double:邊框為雙實線
[TOC]
## 1. 邊框寫法總結
* 上邊框
```css
border-top:寬度 樣式 顏色;
```
* 下邊框
```css
border-bottom:寬度 樣式 顏色;
```
* 左邊框
```css
border-left:寬度 樣式 顏色;
```
* 右邊框
```css
border-right:寬度 樣式 顏色;
```
* 樣式綜合設置
```css
border-style:上邊 右邊 下邊 左邊;
常用屬性值如下:
none無(默認)、solid單實線、dashed虛線、dotted點線、double雙實線
```
* 寬度綜合設置
```css
border-width:上邊 右邊 下邊 左邊;
常用單位:像素
```
* 顏色綜合設置
```css
border-color:上邊 右邊 下邊 左邊;
顏色值的表達方式有:#十六進制、rgb(r,g,b)、rgb(r%,g%,b%)
```
* 邊框綜合設置
```css
border: 四邊寬度 四邊樣式 四邊顏色;
```
<br/>
## 2. 表格的細線邊框
以前學過的html表格邊框很粗,可以如下合并。
```css
table{ border-collapse:collapse; } /*collapse 單詞是合并的意思,border-collapse:collapse; 表示相鄰邊框合并在一起。*/
```
- 0 學前必讀
- CSS是什么?
- 如何引用CSS
- 內聯樣式表
- 行內式
- 外部樣式表
- 三種引用方式的比較
- CSS語法規范
- 選擇器
- 基礎選擇器
- 復合選擇器
- CSS注釋
- 字體樣式font屬性
- 標簽顯示模式display屬性
- 塊級元素
- 行內元素
- 行內塊元素
- 三種顯示模式的轉換
- 行高line-height屬性
- CSS三大特性
- 背景background屬性
- 盒子模型
- 邊框border
- 內邊距padding
- 外邊距margin
- 外邊距的合并
- content的高度和寬度
- 盒子模型布局的穩定性
- 圓角邊框border-radius
- 盒子陰影box-shadow
- 浮動float
- 普通流
- 浮動float
- 版心和布局
- 布局流程
- 常見布局方式
- 清除浮動
- 定位postion
- 定位屬性
- 疊放次序z-index
- 元素的顯示與隱藏
- 用戶界面樣式
- 溢出的文字隱藏
- CSS精靈技術
- 什么是精靈技術?
- 精靈技術的使用
- 滑動門
- web字體
- 字體圖標
- icon圖標
- BFC
- 優雅降級和漸進增強
- HTML5新增的元素和特性
- CSS3盒模型
- 過渡、變形、動畫
- 彈性布局
- 對齊
- 網站優化三大標簽