Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "what is the status of CSS hyperlink anchor text". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

What is a hyperlink?

A hyperlink commonly refers to a coherent relationship from a web page to a goal, which can lead to another web page, to different positions on the web page, to a picture, an email address, a file, or even an application. The object used for hyperlink in a web page, so a piece of text may be a picture. When the hunter clicks on the linked text or picture, the link target will be reflected in the browser, not to mention according to the type of purpose to open or run.

Code for hyperlink

DIV+CSS

Parse the following:

The href is followed by the destination web address where the link is located. Here is / / www.css5.com.cn/.

Target

_ blank-- Open the link in a new window

_ parent-- Open the link in the parent form

_ self-- Open the link in the current form. This is the default value.

_ top-opens the link in the current form and revolutionizes the current entire form (frame page)

The title is followed by the link indicator, that is, the hyperlink is briefly stated by the link URL environment, or the title

CSS can control the hyperlink format-the following css link styles

A:link is the initial state of the hyperlink

A:hover is a hovering condition when the mouse is lowered.

A:active is when the mouse is clicked

A:visited is the situation after the visit.

Cases of easy hyperlink design and color

1. Usually make the hyperlinks famous for the whole site.

A {color:#333;text-decoration:none;} / / A pair of linked calligraphy tones are color:#333; and immediately ununderlined text-decoration:none

A:hover {color:#CC3300;text-decoration:underline;} / / A pair of mice are placed on the hyperlink and the ink format is changed to color:#CC3300; and the ink link is underlined text-decoration:underline

2. Control the hyperlink style css by setting the equipment class within the link.

Case hyperlink code CSS

Corresponding CSS code

A.yangshi {color:#333;text-decoration:none;}

A.yangshi:hover {color:#CC3300;text-decoration:underline;}

By setting the equipment like this, you can control the pattern of hyperlinks in the css class named "yangshi" in the link.

3. Control the color of the hyperlink through the css of the parent css class outside the hyperlink.

Case hyperlink code CSS

Corresponding CSS code

.yangshi a {color:#333;text-decoration:none;}

.yangshi a:hover {color:#CC3300;text-decoration:underline;}

What is worth looking forward to here is the pattern css code distinction between a.yangshi and .yangshi a.

You may wish to realize: html a, HTML hyperlink, html anchor text

Here is the common case and analysis of setting up hyperlink titles through div css.

The following is a specific CSS A hyperlink anchor text color tutorial

Css a:link hover active visited pseudo-class pattern tutorial

CSS5 teaches html a hyperlink tags, a:hover, a:link, a:active, and a:visited pseudo-color education tutorials here, and sets the CSS style of these an anchor texts through CSS settings. No matter how to control the hyperlink text and all kinds of mouse format, you can control the transformation of the backup picture of the hyperlink object.

Abbreviated reading:

1. Html a tag syntax structure

2. Css an anchor text design and color

Second, basic understanding

Let's first introduce these four thoughts and ideas and express them.

1 、 a:link

Set the style table properties of the equipment an object in front of the unmet meeting (unclicked and unclicked). That is, the initial content of the html an anchor text tag.

2 、 a:hover

The stylesheet properties of the configuration object when it hovers over the mouse, that is, the name when the mouse just passes over the a tag and hovers over the A link.

3 、 a:active

Sets the color table properties of the equipment An object when it is activated by the user (the event that occurs between the mouse click and the detention system). That is, the left mouse button clicks the html A link object and withholds the right mouse button between the very temporary title result.

4 、 a:visited

Set the device an object in its link address has been met overdue color table properties. That is, the html a hyperlink text is clicked to visit the results of the CSS style.

III. Application usage cases

We set a hyperlink, format it in CSS, and configure its four format functions through CSS A. Learn to learn css an anchor text by an easy way to configure CSS a patterns and colors.

1. Case css code

The .CSS5 a:link {color:#F00} / * link is red by default * / .CSS5 a:hover {color:#000} / * Mouse hover Black * / .CSS5 a:active {color:#03F} / * Blue during mouse click and interception * / .CSS5 a:visited {color:#F0F} / * met to set a hyperlink in the pink * / / * CSS5 object * /

2. Case html code

CSS5 on the case of CSS a trick

Here, for typesetting screenshots, some places are specially wrapped.

3. Screenshot in the case software

4. Screenshots of various names in the theory of hunting apparatus.

This is the end of the content of "what is the status of the CSS hyperlink anchor text". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.