Home > Web Front-end > H5 Tutorial > body text

How to change the color of HTml5 hyperlink font

coldplay.xixi
Release: 2023-01-03 09:25:44
Original
10951 people have browsed it

How to change the font color of HTml5 hyperlinks: first create a new interface; then use a browser to open the html page, and add a red color if the style setting is successful in one of the hyperlinks; finally use the browser to open the page again.

How to change the color of HTml5 hyperlink font

The operating environment of this tutorial: windows7 system, html5 version, DELL G3 computer. This method is suitable for all brands of computers.

How to change the font color of HTml5 hyperlink:

1. Create a new html interface, as shown in the figure

How to change the color of HTml5 hyperlink font

2. Set the hyperlink information. Here are a few settings to compare the effects later, as shown in the figure

How to change the color of HTml5 hyperlink font

3. Use the browser to open the html page. At this time, the hyperlink The link font is displayed in black, as shown in the figure

How to change the color of HTml5 hyperlink font

4. Add the style setting to one of the hyperlinks in red if successful, as shown in the figure

How to change the color of HTml5 hyperlink font

5. Use the browser to open the html page again, and the hyperlink set to red will be sent and the font will be displayed in red, as shown in the figure

How to change the color of HTml5 hyperlink font

6. If the hyperlink is compared If you don’t want to write them one by one, you can add style nodes in the head to uniformly set the color of the hyperlinks, as shown in the figure

How to change the color of HTml5 hyperlink font

Related learning recommendations: html video tutorial

The above is the detailed content of How to change the color of HTml5 hyperlink font. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template