1 GP
css - 頁碼教學
作者:小角落..│2008-03-03 22:56:52│巴幣:0│人氣:1834
本文引用自此這教學是寫給我自己看的..
可以問問題..但是我自己也不是很懂XD
1.這次要改的是頁碼部分..
2.複製以下語法,貼在最下面..
/*----部落閣頁面按紐數字----*/
.tsmal{
color:deeppink;/*文字顏色設定(第1頁~第5頁那邊)*/
}
.pag{
background:transparent;
color:hotpink; /*文字顏色(不過好像沒用~請看步驟3)*/
border:1px hotpink solid;
}/*非所在頁數按鈕設定*/
.p_nolink{
background:transparent;
color:hotpink;/*文字顏色(不過好像沒用~請看步驟3)*/
border:1px hotpink solid;
}/*無連結時的頁數按鈕設定*/
.p_nextprev{
background:deeppink;
color:#fff;
border:1px hotpink solid;
}/*所在頁數按鈕設定*/
.pag:hover{
background:deeppink;
color:#fff;
border:1px hotpink solid;
}/*滑鼠拜訪頁數按鈕設定*/
3.黑色部分的文字,可以修改這兩個地方
A:link{
color:#464646;
text-decoration:none;
}/*還未造訪連結狀態*/
A:visited{
color:#464646;
text-decoration:none;
}/*造訪過後連結狀態*/
但是也會修改到這些地方..
4.『完成』
這裡的框框↓
1.新增以下語法,
.sertext{border: solid 1px #000 ;}
2.『完成』
邊框樣式屬性有:
dotted:點狀線 dashed:虛線 solid:實線 outset:凸起狀
double:雙實線 groove:溝道狀 ridge:山脊狀 inset:凹陷狀
若有不懂的語法,可參考css - 語法說明
以上參考..
櫻澤楓(joe0145)所提供的佈景
另外這裡也有教學
如語娃娃(indream228) 【小屋】CSS自訂版面:進階─頁碼按鈕樣式修改 篇
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=474811
All rights reserved. 版權所有,保留一切權利