DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS基礎知識 >> 7.4 CSS鼠標樣式
7.4 CSS鼠標樣式
編輯:CSS基礎知識     

一、cursor屬性

在CSS中,使用cursor屬性來定義鼠標的樣式。

語法:

cursor:屬性值;

說明:

cursor屬性取值如下,默認值為default。大家可能會驚呆,我暈,cursor屬性值這麼多,怎麼記呀?其實大家不用擔心,在實際開發中,我們一般只用到“default”和“pointer”這兩個屬性值,其他的一般都很少用得上。如果實在沒辦法還需要其他的,那就回來查這種表就行了。

舉例:

在線測試
 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>cursor屬性</title>
    <style type="text/css">
        div
        {
            width:100px;
            height:30px;
            line-height:30px;
            text-align:center;
            border:1px solid #CCCCCC;
            background-color: #40B20F;
            color:white;
            font-size:14px;
            font-weight:bold;
        }
        #div_default{cursor:default;}
        #div_pointer{cursor:pointer;}
    </style>
</head>
<body>
    <div id="div_default">鼠標默認樣式</div>
    <div id="div_pointer">鼠標手狀樣式</div>
</body>
</html>

在浏覽器預覽效果如下:

分析:

我們可以看到,默認情況下鼠標是斜箭頭。

大家請記住,一般情況下,我們只需要采用浏覽器默認的鼠標樣式就可以了,如果實在特別需要的時候可以用“cursor:pointer;”。對於cursor的其他屬性值,我們一般用不上。因此大家無需花力氣去記憶這些沒用的屬性。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved