# DAY3 - CSS border / 加入線條!

### 替 HTML 標籤或選擇器，加入線條吧!

- border 屬性:

// HTML
<h1>Lorem ipsum dolor sit.</h1>

- 一般寫法，不選擇方向就是四邊都添加:

// CSS

h1 {
  border: 3px solid blue;
}


### 根據方向，選擇要添加的 border 方向:

#### border-top:

h1 {
  border-top: 3px solid blue;
}


#### border-bottom:

h1 {
  border-bottom: 3px solid red;
}


- 相信左、右邊，應該就不需要多加說明了，這就是單獨控制方向性的 border 之屬性寫法。

###### tags: `Re:0 前端工程師之路 - HTML CSS 篇章`