步驟1│一般css設定

{
background:#fff;/*背景色設定*/
color:#333;/*網站文字總體顏色*/
font-size:13px;/*網站文字總體大小*/
}

{
letter-spacing:6px;/*標題 - 字母間距*/
font-size:25px;/*標題 - 文字大小*/
font-weight:bold;/*標題 - 文字粗細*/
color:#1480be;/*標題 - 文字顏色*/
padding:3px 0;/*標題 - 內距數值依序為 上下 / 左右*/
border-bottom:2px #a0c2d6 dotted;
/*標題 - 底框線樣式依序為 寬度 / 顏色 / 樣式*/
margin-bottom:10px;/*標題 - 外距*/
}

{
letter-spacing:6px;/*副標 - 字母間距*/
font-size:18px;/*副標 - 文字大小*/
color:#17adba;/*副標 - 文字顏色*/
text-decoration:none;/*副標 - 設定無底線*/
}

{
font-size:15px;/*副標 - 文字大小*/
color:#11afbd;/*副標 - 文字顏色*/
}

{
font-size:13px;/*內文 - 文字大小*/
color:#ddd;/*內文 - 文字顏色*/
}

{
text-decoration:none;/*清單連結 - 無底線*/
color:#5cb7ff;/*清單連結 - 文字顏色*/
}

{
border-bottom:1px #0984ac dotted;
/*分隔線 - 底框線設定依序為 寬度 / 顏色 / 樣式*/
width:650px;/*分隔線 - 寬度*/
float:left;/*分隔線 - 浮動靠左*/
}

{
background:#3a85b5;/*表格 - 抬頭、標題 背景色*/
height:25px;/*表格 - 抬頭、標題 高度*/
text-align:center;/*表格 - 抬頭、標題 文字置中*/
color:#fff;/*表格 - 抬頭、標題 文字顏色*/
}

{
background:#ddd;/*文字輸入欄位 - 背景色*/
}

{
width:100%;/*表格 - 寬度*/
}

{
text-decoration:none;/*連結文字 - 無底線*/
color:#5cb7ff;/*連結文字 - 文字顏色*/
}