步驟6│按鈕設定
- 文章分類: 學XLOG
- 9/28/2010
※上方按鈕請按右鍵下載
請點選以下連結觀看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; /*頁碼選頁 - 寬度*/ }