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

How to parse CSS control hyperlink text style skills, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain in detail for you, people with this need can come to learn, I hope you can get something.

Do you know how CSS controls the hyperlink text style? here are some steps to control the hyperlink style through CSS style or through CSS.

Use CSS to control hyperlink text style

The editor will explain how to control hyperlink styles through CSS styles or through CSS. Here is mainly about the text type of hyperlinks, hyperlink styles including through CSS to control whether the setting of hyperlinks are underlined, hyperlink text color and other styles.

What is a hyperlink?

A hyperlink commonly refers to a connection from a page to a target, which can be another page, a different location on the same page, a picture, an e-mail address, a file, or even an application. The object used for hyperlink in a web page can be a piece of text or a picture. When the viewer clicks the linked text or picture, the link target will be displayed on the browser and will be opened or run according to the type of target.

Code for hyperlink

DIV+CSS

The resolution is as follows:

Href is followed by the linked address, the destination website address, and this is http://www.divCSS5.com/.

Target

_ blank-- opens the link in a new window

_ parent-- opens a link in the parent form

_ self-- opens a link in the current form, which is the default

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

The title is followed by a description of the link target, that is, a brief description of the URL of the hyperlink, or the title

CSS can control hyperlink styles-CSS link styles are as follows:

A:active is the initial state of the hyperlink

A:hover is what happens when you put the mouse on it.

A:link is when the mouse is clicked

A:visited is the situation after the visit.

Hyperlink style case

1. Usually a stylized method for site-wide hyperlinks

A {color:#333;text-decoration:none;} / / A pair of linked text color styles are color:#333; and immediately ununderlined text-decoration:none; a:hover {color:#CC3300;text-decoration:underline;} / / A pair of mouse is placed on the hyperlink and the text color style becomes color:#CC3300; and the text link is underlined text-decoration:underline

2. Control the hyperlink style CSS method by setting classes 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;}

This setting allows you to control the style of the CSS class named "yangshi" hyperlink within the link

3. Control the style of the hyperlink by the CSS style of the parent CSS class outside the hyperlink

Case hyperlink code CSS

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.