Make the site link style strange

Source: Internet
Author: User
Links that often hang around a wide variety of websites may notice that some of the features of the site tend to have irregular changes in the shape of the mouse link. For example, "Ten" glyphs, "question marks" or small arrows in different directions, let's look at how to make the Web page when the style of the mouse changes a little more.

1, start Dreamweaver, open the Web page 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 new stylesheet.

Clove sister hint: If you already have a stylesheet on your Web page, you can choose CSS Styles->>edit style sheet to edit the style sheet.

2, pop-up New Style dialog box, where the type item has three radio buttons: Make Custom Style, Redefine HTML Tag, use CSS Selector. The make custom style is a custom style whose name begins with a dot; the use CSS selector is a CSS selector that contains four hyperlink styles A:active/a:hover/a:link/a:visited;redefine HTML tag is the style that defines HTML system tags, such as a\body\br, and so on. If we only set the mouse style on the hyperlink for the page, select the a tag in the Redefine HTML tag option, and then define select this Document only and click OK to determine.

3, in the Style definition for dialog box, enter the hyperlink style settings. The category on the left is the style category, select the Extentions item, and you can see the cursor entry in the visual effect on the right, which is the key to setting the mouse style, click the Drop-down menu on the right, select the mouse style you want, and click the OK button.

Refer to the following table:

Hand The most common, most familiar hand type
Crosshair Cross type
Text The style that the mouse moves to the text at ordinary times
Wait The effect of waiting
Default The default effect
Help Mouse style with question mark
E-resize Arrow to Right
Ne-resize Arrow on top Right
N-resize Up ARROW
Nw-resize Arrows to the top left
W-resize Arrows to the left
Sw-resize Arrow down to the left
S-resize Down ARROW
Se-resize Arrows to the right below
Auto Automatic effect of the system
  

4, of course, depending on the need you can also apply the mouse style to other tags, or only to a paragraph of text, if you are not unfamiliar with the CSS code, direct handwritten code more convenient, especially in different places to use different mouse style, or different tags using different mouse style, It's OK to write the style directly in a specific label.

The method is:
Start setting it up and add style to your Web page.

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.