
常用的CSS屬性列表,只要看這一篇就能簡單修改自己的樣式哦
Mavis 發表在 痞客邦 留言(4) 人氣(2,027)
顏色調整部分可參考這篇色碼表
Mavis 發表在 痞客邦 留言(5) 人氣(1,886)
1最簡單的就是直接使用微軟預設的滑鼠游標(cursor)
找到
body{
和
a:hover{
這兩行
不過這兩行裡面通常包含很多設定
請在裡面找到cursor(沒有就完全自己+上了)
放入
body{cursor:hand;}
和
a:hover{cursor:crosshair;}
粉紅色的字 可以改成自己想要的
body 顧名思義跟整體設定有關
a 跟超連結有關
hover是當游標滑過的意思
所以a:hover就是當游標滑過超連結
所以這兩行的翻譯就是
平常的時候游標是hand
滑鼠放在超連結上游標是crosshair
如果hover不設定的話
只要滑鼠移到超連結就回到預設游標哦
清楚了之後就可以隨意修改
微軟預設的滑鼠游標
hand 手
crosshair 十字
n-resize 箭頭朝上
s-resize 箭頭朝下
w-resize 箭頭朝左e-resize 箭頭朝右 sw-resize 箭頭朝左下se-resize 箭頭朝右下
ne-resize 箭頭朝右上
nw-resize 箭頭朝左上
help 問號
text 文字輸入游標wait 漏斗cursor:move 十字箭頭
2圖片型游標
body{cursor:url('游標網址')}
a:hover {cursor:url('游標網址')}
CSS內不支援一般的圖片檔哦
例如jpg、gif、bmp
僅能用ani、cur、ico檔
網路上有許多現成的游標可供下載
如果想要製作獨一無二的游標
這裡提供一個簡單的軟體
Microangelo
製作教學
接下來到
開始===>程式集===>Microangelo===>
<====點它

感覺是跟小畫家差不多的
想要動畫的話只要加入影格
做些修改
再播放看看
大概就知道怎麼用了
存好後上傳就大功告成
P.S.許多免費空間也不支援游標檔
無名也不行
必須自己找到空間上傳才行
但是我使用香港雅虎免費空間是可以的哦
http://hk.geocities.yahoo.com/
用雅虎帳號登入既可
上傳即有游標的網址
Mavis 發表在 痞客邦 留言(2) 人氣(6,900)
| #FFFFFF | #DDDDDD | #AAAAAA | #888888 | #666666 | #444444 | #000000 |
| #FFB7DD | #FF88C2 | #FF44AA | #FF0088 | #C10066 | #A20055 | #8C0044 |
| #FFCCCC | #FF8888 | #FF3333 | #FF0000 | #CC0000 | #AA0000 | #880000 |
| #FFC8B4 | #FFA488 | #FF7744 | #FF5511 | #E63F00 | #C63300 | #A42D00 |
| #FFDDAA | #FFBB66 | #FFAA33 | #FF8800 | #EE7700 | #CC6600 | #BB5500 |
| #FFEE99 | #FFDD55 | #FFCC22 | #FFBB00 | #DDAA00 | #AA7700 | #886600 |
| #FFFFBB | #FFFF77 | #FFFF33 | #FFFF00 | #EEEE00 | #BBBB00 | #888800 |
| #EEFFBB | #DDFF77 | #CCFF33 | #BBFF00 | #99DD00 | #88AA00 | #668800 |
| #CCFF99 | #BBFF66 | #99FF33 | #77FF00 | #66DD00 | #55AA00 | #227700 |
| #99FF99 | #66FF66 | #33FF33 | #00FF00 | #00DD00 | #00AA00 | #008800 |
| #BBFFEE | #77FFCC | #33FFAA | #00FF99 | #00DD77 | #00AA55 | #008844 |
| #AAFFEE | #77FFEE | #33FFDD | #00FFCC | #00DDAA | #00AA88 | #008866 |
| #99FFFF | #66FFFF | #33FFFF | #00FFFF | #00DDDD | #00AAAA | #008888 |
| #CCEEFF | #77DDFF | #33CCFF | #00BBFF | #009FCC | #0088A8 | #007799 |
| #CCDDFF | #99BBFF | #5599FF | #0066FF | #0044BB | #003C9D | #003377 |
| #CCCCFF | #9999FF | #5555FF | #0000FF | #0000CC | #0000AA | #000088 |
| #CCBBFF | #9F88FF | #7744FF | #5500FF | #4400CC | #2200AA | #220088 |
| #D1BBFF | #B088FF | #9955FF | #7700FF | #5500DD | #4400B3 | #3A0088 |
| #E8CCFF | #D28EFF | #B94FFF | #9900FF | #7700BB | #66009D | #550088 |
| #F0BBFF | #E38EFF | #E93EFF | #CC00FF | #A500CC | #7A0099 | #660077 |
| #FFB3FF | #FF77FF | #FF3EFF | #FF00FF | #CC00CC | #990099 | #770077 |
Mavis 發表在 痞客邦 留言(1) 人氣(3,650)