Friends who often wander on various websites may notice that some websites with special characteristics tend to have irregular changes in the shape of the mouse link, such as the "ten" shape, "question mark" or a small arrow in different directions. Let's take a look at how to change the mouse style when creating a webpage.
1. Start Dreamweaver, open the webpage for which you want to apply the mouse Style, select the Text drop-down menu in the main window, and then select the New Style command in the CSS Style submenu to create a Style sheet.
Tip: If a Style Sheet already exists on your webpage, you can select CSS Styles> Edit Style Sheet to Edit the Style Sheet.
2. The New Style dialog box is displayed. The Type item has three radio buttons: Make M Style, Redefine HTML Tag, and Use CSS Selector. Make M Style is a Custom Style with the Style name starting with a dot; Use CSS Selector is a CSS Selector that contains four hyperlink styles a: active/a: hover/: link/a: visited; Redefine HTML Tag is the style that defines HTML system tags, such as aodyr. If we Only set the mouse style for the hyperlink on the page, select the Tag in the Redefine HTML Tag option, select This Document Only for the Define item, and click OK.
3. In the Style definition for dialog box, enter the hyperlink Style settings. The Category on the left is the style Category. If you select Extentions, you can see the Cursor item in Visual Effect on the right. This is the key item for setting the mouse style. Click the drop-down menu on the right, select the mouse style you need and click OK.
See the following table for details:
Hand
The most common and familiar hand model
Crosshair
Cross
Text
The style of moving the mouse over the text
Wait
Waiting effect
Default
Default effect
Help
Mouse style with question mark
E-resize
Right Arrow
Ne-resize
Arrow at the top right
N-resize
Up Arrow
Nw-resize
Arrow at the top left
W-resize
Left Arrow
Sw-resize
Arrow down to the left
S-resize
Down Arrow
Se-resize
Arrow at the bottom right
Auto
Automatic effect