# 框線 Border

在本網站中，所有邊框或分隔線以**1px**為主，而顏色將視情況而訂定。參考如下：

| 情境    | 尺寸  | 樣式     | 顏色                                                                                                                                                                                                                                                                       |
| ----- | --- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| 區塊分隔線 | 1px | Solod  | <img src="https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-LoyZBPn41ZmH2CeJVAK%2F-LoyZDufUtH3kB6enBQz%2Fcolor_ccc.png?alt=media&#x26;token=1f70e82d-00b6-4266-aad3-75ae79c6c8ad" alt="" data-size="line">#CCCCCC  |
| 內容分段線 | 1px | Dashed | <img src="https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-LoyZBPn41ZmH2CeJVAK%2F-LoyZDufUtH3kB6enBQz%2Fcolor_ccc.png?alt=media&#x26;token=1f70e82d-00b6-4266-aad3-75ae79c6c8ad" alt="" data-size="line">#CCCCCC  |
| 內容區域線 | 1px | Solid  | <img src="https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-LoyZBPn41ZmH2CeJVAK%2F-LoyZDufUtH3kB6enBQz%2Fcolor_ccc.png?alt=media&#x26;token=1f70e82d-00b6-4266-aad3-75ae79c6c8ad" alt="" data-size="line">#CCCCCC  |
| 單欄式列表 | 1px | Solod  | <img src="https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-LoyV95hkkRkuRh241Hu%2F-LoyVeijF92vXV5wvd8Z%2Fcolor_ddd.png?alt=media&#x26;token=a6df88e3-1405-41fa-a076-7477f3b18c5c" alt="" data-size="line">#DDDDDD  |
| 檔案下載  | 1px | Solod  | <img src="https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-LoyZBPn41ZmH2CeJVAK%2F-LoyZDufUtH3kB6enBQz%2Fcolor_ccc.png?alt=media&#x26;token=1f70e82d-00b6-4266-aad3-75ae79c6c8ad" alt="" data-size="line">#CCCCCC  |
| 表單樣式  | 1px | Solod  | <img src="https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-LoyZBPn41ZmH2CeJVAK%2F-LoyZDufUtH3kB6enBQz%2Fcolor_ccc.png?alt=media&#x26;token=1f70e82d-00b6-4266-aad3-75ae79c6c8ad" alt="" data-size="line">#CCCCCC  |
| 表格樣式  | 1px | Solid  | <img src="https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-LoyZBPn41ZmH2CeJVAK%2F-LoyZDufUtH3kB6enBQz%2Fcolor_ccc.png?alt=media&#x26;token=1f70e82d-00b6-4266-aad3-75ae79c6c8ad" alt="" data-size="line">#CCCCCC  |
| 外連按鈕  | 2px | Solid  | <img src="https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-LrItCAe7oDATAQVeiVk%2F-LrItR5UQeBgqHBM-TBI%2Fcolor_logo.png?alt=media&#x26;token=287a6ff5-5aef-4d57-9d92-8962c1e5d939" alt="" data-size="line">#0068B7 |
| 提示資訊  | 1px | Solid  | <img src="https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-LoyEDGKujdOyKmiRWMX%2F-LoyEG9iTFbR33Nae4on%2Fcolor_04.png?alt=media&#x26;token=19fe0087-52b8-43e5-baf9-a06bf26029ed" alt="" data-size="line">#E86A6A   |

## 框線示意

#### 區塊分隔線

![](https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-Lu0nIZjirfxujCQaRQY%2F-Lu0nb2LzPqnMOtsxf2z%2Fborder_image_01.png?alt=media\&token=d327422e-7c6e-4d4b-8504-c6fb0113200a)

```css
border{ border-bottom:1px solid #ccc;}
```

#### 內容分段線

![](https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-Lu0nIZjirfxujCQaRQY%2F-Lu0oFdMzFR2OEakCT7-%2Fborder_image_02.png?alt=media\&token=29c587dc-135d-4405-80e3-dd7173ec910d)

```css
border{ border-bottom:1px solid #ccc;}
```

#### 內容區域線

![](https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-Lu0oIs2z_qlNfMh1-vM%2F-Lu1AaPZk4LywPLrcLy4%2Fborder_image_03.png?alt=media\&token=6a23e911-252e-4f3f-8e19-230303686088)

```css
border{ border:1px solid #ccc;}
```

#### 單欄式列表

![](https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-Lu1Bpi--IhX2oJYse4r%2F-Lu1Byr7l-Vz02jIk0wK%2Fborder_image_04.png?alt=media\&token=dc5374d6-3157-48f2-83d7-cdca2c597875)

```css
border{ border-bottom:1px solid #ddd;}
```

#### 檔案下載

![](https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-Lu1Bpi--IhX2oJYse4r%2F-Lu1E5Bp5W2flKAH793F%2Fborder_image_05.png?alt=media\&token=0dacc964-3f2c-43a4-a0e5-2095f273b7e7)

```css
border{ border:1px solid #ccc;}
```

#### 表單樣式

![](https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-Lu1Bpi--IhX2oJYse4r%2F-Lu1FPymPn3F8RGLzIwn%2Fborder_image_06.png?alt=media\&token=177cbedd-45f3-43e0-87a3-7468d4c89a02)

```css
border{ border-bottom:1px solid #ccc;}
```

#### 表格樣式

![](https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-Lu1Bpi--IhX2oJYse4r%2F-Lu1Gh6EzNfYAUbqUun1%2Fborder_image_07.png?alt=media\&token=8ec06d56-9061-4eb9-9cd9-9fc148302524)

```css
border{ border-bottom:1px solid #ccc;}
```

#### 外連按鈕

![](https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-Lu1Bpi--IhX2oJYse4r%2F-Lu1Hv5yfzlW_dikCIzB%2Fborder_image_08.png?alt=media\&token=949e818e-5060-489c-b0fd-1a124088914c)

```css
border{ border:2px solid #0068b7;}
```

#### 提示資訊

![](https://637533841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Loxp1jRO6hQiR0OZSzm%2F-Lu1Bpi--IhX2oJYse4r%2F-Lu1Ivc9MYqlgjk9KL9D%2Fborder_image_09.png?alt=media\&token=fed28b33-1548-487d-b672-424b4628ebfc)

```css
border{ border:1px solid #e86a6a;}
```
