步驟6│按鈕設定



※上方按鈕請按右鍵下載


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

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

{
    text-align:right;        /*編輯、刪除、回覆按鈕 - 文字齊右*/
    padding:5px 0px;    /*編輯、刪除、回覆按鈕 - 內距設定依序為 上下 / 左右*/
    height:20px;            /*編輯、刪除、回覆按鈕 - 高度*/
}
{
    float:right;            /*編輯、刪除、回覆按鈕清單項目 - 浮動靠右*/
    padding-right:20px;    /*編輯、刪除、回覆按鈕清單項目 - 右方內距*/
}
{
    border:1px #5cb7ff solid;
    /*"更多"按紐 - 邊框設定依序為 寬度 / 顏色 / 樣式*/
    width:100px;                    /*"更多"按紐 - 寬度*/
    background:#fff;                /*"更多"按紐 - 背景顏色*/
    text-align:center;                /*"更多"按紐 - 文字置中*/
    margin:15px auto 0 auto;        /*"更多"按紐 - 外距設定依序為 上 / 右 / 下 / 左*/
    padding:5px;                /*"更多"按紐 - 內距*/
}
{
    color:#5cb7ff;    /*"更多"按紐連結 - 文字顏色*/
    padding:5px;    /*"更多"按紐連結 - 內距*/
}
{
    width:100%;        /*按鈕外層 - 寬度*/
}
{
    float:left;        /*input按鈕 - 浮動靠左*/
}
{
    margin:10px;        /*頁碼 - 外距*/
    padding:5px 0px;    /*頁碼 - 內距依序設定為 上下 / 左右*/
    width:701px;            /*頁碼 - 寬度*/
    float:left;            /*頁碼 - 浮動靠左*/
}
{
    text-align:right;        /*頁碼無序清單 - 文字齊右*/
}
{
    display:inline;        /*頁碼清單項目 - 顯示方式*/
}
{
    color:#576874;        /*頁碼清單項目連結 - 文字顏色*/
}
{
    float:left;        /*頁碼選頁 - 浮動靠左*/
    width:300px;        /*頁碼選頁 - 寬度*/
}