步驟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; /*頁碼選頁 - 寬度*/
}