Make the website link look strange

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.