How to set link style using CSS

It is not difficult to set up a style sheet with CSS, but we must first understand one thing, what is a hyperlink? In layman's terms, a hyperlink is a connection from a web page to a target. The target can be another web page, a different location on the same web page, or a picture or an email address. , a file, or even an application. The object used for hyperlinks in a web page can be a piece of text or an image. When the viewer clicks on the linked text or image, the link target will be displayed on the browser and opened or run based on the type of target.

Hyperlink code

<a href="http://www.php.cn/" target="_blank" title="About the front-end website">DIV+ CSS</a>

is parsed as follows:

href followed by the linked address target website address here is http://www.php.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 -- Open the link in the current form and replace the entire current form (frame page)

title followed by the link target description, which is a brief description of the URL being linked to the hyperlink, or the title

CSS can control the hyperlink style -css linkThe style is as follows

a:link is the initial state of the hyperlink

a:hoverIt is the hovering status when the mouse is placed

a:active It is the status when the mouse is clicked

a:visitedIt is the status after the visit

There are so many ways to use CSS to set link styles. Have you learned it?

Related reading:

XML code example for making image hyperlinks

After adding a hyperlink to the html image img, it will produce an ugly Solution to the blue border

Introduction to how to prevent hyperlink jumps when using a link

The above is the detailed content of How to set link style using CSS. For more information, please follow other related articles on the PHP Chinese website!