四、文字
A{color:#336699; text-decoration: none;} /*所有超連結*/
A:link{color:#336699; text-decoration: none;} /*超連結文字格式*/
A:visited{color:#336699; text-decoration: none;} /*瀏覽過的連結文字格式*/
A:active{color:#336699;} /*按下連結的格式*/
A:hover{color:#336699;} /*滑鼠移至連結*/
這個我覺得改a:hover這欄就好了,其他欄就只改顏色。
hover可以加大字型或改變字型
font-family:標楷體;/*或你爽用其他字體*/
font-size:14pt;/*游標移到超連結時候字體的大小,自己改*/
font-color:#999999;/*游標移上去時的顏色*/
position:relative;top:1px;left:1px;/*超連結稍微位移,方向跟距離自己改吧!*/
接下來是游標移到超連結上的可做的形狀改變(微軟預設值)
cursor:crosshair 十字型 cursor:s-resize 箭頭朝下
cursor:move 十字箭頭 cursor:e-resize 箭頭朝右
cursor:help 加一問號 cursor:w-resize 箭頭朝左
cursor:n-resize 箭頭朝上 cursor:ne-resize 箭頭朝右上
scursor:nw-resize 箭頭朝左上 cursor:text 文字I型
cursor:se-resize 箭頭斜右下 cursor:sw-resize 箭頭斜左下
cursor:wait 漏斗 cursor:nono 預設
使用游標圖案(IE6) cursor:url("圖檔名.cur")
.cur的圖檔自己做
檔案不要弄太大
要不然載入的時間會很長
很機車喔~免費的網頁會不支援用.cur檔的
像yahoo, pchome等等都不支援
試試看其他的空間吧!
【註】:.cur檔→靜態游標
.ani檔→動態游標
補充:
font-style:itelic /*文字斜體*/
font-variant:small-caps/*小字體*/
letter-spacing : 1pt/*字間距離*/
line-height : 200% /*設定行高*/
font-weight:bold /*文字粗體*/
vertical-align:sub /*下標字*/
vertical-align:super/*上標字*/
text-decoration:line-through/*加刪除線*/
text-decoration:overline /*加頂線*/
text-decoration:underline /*加底線*/
text-decoration:none /*刪除連結底線*/
text-transform : capitalize /*首字大寫*/
text-transform : uppercase /*英文大寫*/
text-transform : lowercase /*英文小寫*/
text-align:right /*文字靠右對齊*/
text-align:left /*文字靠左對齊*/
text-align:center /*文字置中對齊*/
文章定位: