1. 程式人生 > >【Html】滑鼠移動上去變色&移動上去變小手

【Html】滑鼠移動上去變色&移動上去變小手

"hover"意味著移動上去的變化,可以運用到選單欄,甚至一些圖片特效上。

.menu_text {                                         PS:這裡是一個CSS
 height: 90px;                                       PS:設定了高90畫素
 width: 100px;                                      PS:設定了寬100畫素
 float: right;                                           PS:設定了這個CSS在頁面上為右對齊
 text-align: center;                               PS:設定了文字這個CSS空間居中輸入
 color: #666;                                        PS:設定了字型的顏色
}


 
.menu_text:hover {                             PS:這裡是滑鼠移動上去的CSS(對應css:hover)
 background-color: #0C6;                PS:這裡可以改變背景顏色
 color: #FFF;                                       PS:這裡可以修改字的顏色
 cursor: pointer;                                 PS:這裡是滑鼠移動上去變成小手

}


cursor 這個引數     (CSS編輯器裡可以選擇)
auto :標準游標
default :標準箭頭
pointer, hand :手形游標
wait :等待游標
text :I形游標
vertical-text :水平I形游標
no-drop :不可拖動游標 
not-allowed :無效游標 
help :幫助游標
all-scroll :三角方向標 
move :移動標
crosshair :十字標
e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize