邊框（三要素）

寬度

• border-width
• 單位是px

線型

• border-style
• solid實線
• dashed虛線
• dotted點狀線

顏色

• border-color
• 就是普通的顏色
• transparent（透明色）

書寫小屬性的好處是可以層疊通用屬性，用於調個別樣式

四個方向的邊框

• border-top
• border-right
• border-bottom
• border-left
• 也可有分別的小屬性
  

去掉某方向邊框

border-left：none；

用邊框製作三角形

• 原理是邊框是盒子高度寬度為0，只留下一邊的邊框
• 不能去掉邊框，去掉就不會出現斜線了

圓角

• border-radius
  單位通常是px，表示圓角的半徑
  
• 也可以用百分比為單位
  如果正方形設定50%就是正圓
  如果長方形設定50%就是橢圓

分別設定圓角

• border-radius：10px 20px 30px 40px
  左上 右上 右下 左下
• 也可以使用小屬性，描述上下的在前，左右的在後
  

陰影

• box-shadow
• box-shadow：10px 20px 30px rgba(0,0,0,.4)
  ************** x偏移 y偏移 模糊量 顏色

延展值

• 如果在30px後面加一個值，他就會向四個方向延展

內陰影

• 在最前面加inset

多陰影

• 用逗號分隔接著寫即可

設定圖片為背景

• background-image:url('paper.gif');
  預設重複圖片鋪滿網頁
• 第一行重複

background-image:url('paper.gif');
background-repeat:repeat-x;

• 第一列重複

background-image:url('paper.gif');
background-repeat:repeat-y;

• 不重複

background-image:url('paper.gif');
background-repeat:no-repeat;