步驟5│強調框架設定



※上方按鈕請按右鍵下載


請點選以下連結觀看CSS語法設定

以下為各項目設定方式說明:

{
    margin:5px 0;    /*自訂欄位最外層 - 外距設定依序為 上下 / 左右*/
    width:194px;        /*自訂欄位最外層 - 寬度*/
}
{
    text-align:center;            /*自訂欄位標題 - 文字置中*/
    padding:3px 5px;        /*自訂欄位標題 - 內距設定依序為 上下 / 左右*/
    margin:5px 0px 0px 0px;    /*自訂欄位標題 - 外距設定依序為 上 / 右 / 下 / 左*/
    background:#bbe0ec;    /*自訂欄位標題 - 背景色*/
}
{
    color:#476b84;            /*自訂欄位內容 - 文字顏色*/
    padding-bottom:5px;    /*自訂欄位內容 - 下方內距設定*/
}
{
    padding-top:8px;    /*自訂欄位無序清單 - 上方內距設定*/
}
{
    line-height:17px;        /*自訂欄位無序清單項目 – 行高設定*/
    padding:6px 0;        /*自訂欄位無序清單項目 – 內距設定依序為 上下 / 左右*/
    Border-bottom:2px #bbe0ec solid;
    /*自訂欄位無序清單項目 – 框線設定依序為 寬度 / 顏色 /樣式*/
}
{
    color:#476b84;        /*自訂欄位連結文字 - 文字顏色*/
}
{
    display:none;        /*logo 標題 - 顯示方式*/
}
{
    text-align:center;        /*logo 內容 - 文字置中*/
}
{
    display:none;        /*搜尋欄位 標題 - 顯示方式*/
}
{
    margin-top:15px;        /*搜尋欄位 內容 - 上方外距設定*/
}
{
    width:190px;            /*搜尋欄位 文字方塊 - 寬度*/
    border:none;        /*搜尋欄位 文字方塊 - 框線設定*/
    background:#fff;        /*搜尋欄位 文字方塊 - 背景顏色*/
}
{
    padding-top:5px;    /*搜尋欄位 按鈕 - 上方內距*/
    width:194px;            /*搜尋欄位 按鈕 - 寬度*/
    text-align:center;        /*搜尋欄位 按鈕 - 文字置中*/
}
{
    padding-top:5px;    /*會員欄位 - 上方內距*/
}
{
    height:150px;        /*會員欄位 內容 - 高度*/
}
{
    width:190px;            /*會員欄位 文字方塊 - 寬度*/
    margin-top:5px;        /*會員欄位 文字方塊 - 上方外距*/
    border:none;        /*會員欄位 文字方塊 - 框線設定*/
    background:#fff;        /*會員欄位 文字方塊 - 背景顏色*/
}
{
    padding-top:5px;    /*會員欄位 按鈕 - 上方內距*/
    width:194px;            /*會員欄位 按鈕 - 寬度*/
    height:50px;            /*會員欄位 按鈕 - 高度*/
}
{
    float:left;            /*會員欄位 按鈕 - 浮動靠左*/
    margin-left:4px;        /*會員欄位 按鈕 - 左方外距*/
}
{
    padding-top:15px;        /*購物車欄位 - 上方內距*/
}
{
    background:#ddd;    /*按月份搜尋欄的下拉式選單 - 背景顏色*/
    width:194px;            /*按月份搜尋欄的下拉式選單 - 寬度*/
    text-align:center;        /*按月份搜尋欄的下拉式選單 - 文字置中*/
}
{
    display:none;        /*月曆標題 - 顯示方式*/
}
{
    color:#5cb7ff;        /*月曆連結 - 文字顏色*/
}
{
    text-align:center;        /*月曆表格 - 文字置中*/
}
{
    margin-top:15px;    /*月曆 內容 - 上方外距*/
    width:194px;            /*月曆 內容 - 寬度*/
}
{
    display:none;        /*按月份搜尋欄標題 - 顯示方式*/
}