css怎么設(shè)置鼠標(biāo)形狀
css怎么設(shè)置鼠標(biāo)形狀
相對于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁中的對象的位置排版進(jìn)行像素級的精確控制，支持幾乎所有的字體字號樣式，下面是學(xué)習(xí)啦小編帶來的關(guān)于css怎么設(shè)置鼠標(biāo)形狀的內(nèi)容，歡迎閱讀!
css怎么設(shè)置鼠標(biāo)形狀?
啟動Dreamweaver，打開你要應(yīng)用鼠標(biāo)樣式的網(wǎng)頁，在主窗口中選擇Text下拉菜單，再選擇CSS Style子菜單中的New Style命令新建樣式表。(注：如果你的網(wǎng)頁中已經(jīng)存在樣式表，可以選擇CSS Styles' Edit Style Sheet編輯樣式表。)
此時彈出New Style對話框。其中Type項有三個單選按鈕：Make Custom Style、Redefine HTML Tag、Use CSS Selector。其中Make Custom Style 是自定義樣式，樣式名以圓點開頭;Use CSS Selector是使用CSS選擇器，里邊包含四個超鏈接樣式a:active/a:hover/a:link/a:visited;Redefine HTML Tag是定義HTML系統(tǒng)標(biāo)簽的樣式，如a\body\br等等。假設(shè)我們只對該頁面的超鏈接設(shè)置鼠標(biāo)樣式，這里選擇Redefine HTML Tag選項中的a標(biāo)簽。下面的Define項選擇This Document Only。單擊OK按鈕。
彈出Style definition for 對話框，進(jìn)入超鏈接樣式設(shè)置。左邊的Category是樣式類別，這里對其它項不作解釋，我們選擇Extentions項。可以看到右邊Visual Effect中的Cursor項，這就是設(shè)置鼠標(biāo)樣式的關(guān)鍵項。單擊右邊的下拉菜單，選擇你所需要的鼠標(biāo)樣式，單擊OK按鈕就可以了。
下面講一下各樣式的大致含義。
hand：是大家所熟悉的手型。
crosshair：是十字型，就是小烏龜首頁所用的樣式。
text：是平時鼠標(biāo)移動到文本上的樣式。
wait：是等待的效果。
default：是默認(rèn)的那種效果。
help：是帶問號的鼠標(biāo)樣式。
e-resize：是向右的箭頭。
ne-resize：是向右上方的箭頭。
n-resize：是向上的箭頭。
nw-resize：是向左上方的箭頭。
w-resize：是向左的箭關(guān)。
sw-resize：是向左下的箭頭。
s-resize：是向下的箭頭。
se-resize：是向右下方的箭頭。
auto：是系統(tǒng)自動的效果。
當(dāng)然根據(jù)需要你也可以將樣式應(yīng)用于其它標(biāo)簽，或者單純的只應(yīng)用于某一段文本。如果讀者對CSS代碼不陌生的話，或許直接手寫代碼更方便。特別是，如果你想在不同的位置運用不同的鼠標(biāo)樣式，或者不同的標(biāo)簽使用不同的鼠標(biāo)樣式。直接將樣式寫在某個具體的標(biāo)簽里邊就可以了。
方法是：
下面舉個具體的實例以加深大家對鼠標(biāo)樣式設(shè)置的理解。
hand：是大家所熟悉的手型。
crosshair：是十字型，就是小烏龜首頁所用的樣式。
text：是平時鼠標(biāo)移動到文本上的樣式。
wait：是等待的效果。
default：是默認(rèn)的那種效果。
help：是帶問號的鼠標(biāo)樣式。
e-resize：是向右的箭頭。
ne-resize：是向右上方的箭頭。
n-resize：是向上的箭頭。
nw-resize：是向左上方的箭頭。
w-resize：是向左的箭關(guān)。
sw-resize：是向左下的箭頭。
s-resize：是向下的箭頭。
se-resize：是向右下方的箭頭。
auto：是系統(tǒng)自動的效果。