week3border.md - yucing/wp109b GitHub Wiki

1. n {border-style:樣式;} ==>改變邊線樣式

2. n {border-width:nxp;} ==>改變邊線粗細

3. n {border-width:nxp nxp;} ==>改變邊線粗細(前面改變上下，後面改變前後)

4.
n {
  border-top-style: 樣式;
  border-right-style: 樣式;
  border-bottom-style: 樣式;
  border-left-style: 樣式;
}
==>改變四邊邊線

5. n {border: npx 樣式 顏色;} ==>一次宣告全部

6. n {border: 數字px 線的種類 顏色/#色碼;}  ==>將所有n標記的字加邊框

7. table {border-collapse: collapse;}  ==>將上下表格框線合併

8. n :nth-child(偶數/奇數) {background-color: 顏色/色碼;}  ==>將所有n標記的偶數/奇數行改變顏色(even/odd)

9.
n {
 margin-top: npx;
 margin-bottom: npx;
 margin-right: npx;
 margin-left: npx;
}
==>改變四邊空白寬度

10.
n {
padding-top: npx;
padding-right: npx;
padding-bottom: npx;
padding-left: npx;
}
==>改變四邊的空白寬度

11. n {padding/margin: 數字px;}  ==>在物件外面/邊框外面加空白

12.
n {
height: npx;
width: npx;
}
==>固定高度及寬度

13. n {outline-style:樣式;} ==>改變外框的樣式