Home >Web Front-end >HTML Tutorial >How to set the font color of hyperlink in html? How to set font color of hyperlink in html
How to set the font color of hyperlink in html? How to set font color of hyperlink in html
- 不言Original
- 2018-09-20 10:22:5927928browse
In web design, in order to make the hyperlink clear at a glance, the hyperlink may be set to a different color from the surrounding fonts, and a horizontal line may be added to the lower end of the hyperlink text. By default, the hyperlink text of the web page is blue as the color of the hyperlink text, and the color of the visited text becomes dark. So how do we set the hyperlink font to another color? The following article will introduce to you how to set the font color of hyperlinks in HTML.
Look directly at the text:
html Method 1 of setting the font color of hyperlinks:
Basic syntax:
df5827f91480e185c09aeedc87f403be: It works on all elements in the web page that are not set individually.
166722f290ea7b738226e7ebef06efc3: Use alink to set the color of the hyperlink when the mouse clicks
d1bb2a77e732e6fa3655a002791db0a0: Use vlink to set it The color of the visited hyperlink text
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>设置链接文字的颜色</title>
</head>
<body link="pink" alink="blue" vlink="red">
<a href="http://www.php.cn">php中文网</a>
</body>
</html>htmlMethod 2 for setting the font color of the hyperlink:
Use css to set the font color of the hyperlink in HTML: One is Set a unified font color for the fonts in all a hyperlinks in the html, and the other is to set a separate color for the fonts of the anchor text hyperlinks in the specified object.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
a{ color:#00F}
a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */
/* css 注释说明：以上代码为设置html中超链接统一字体颜色 */
.div a{ color:#090}
.div a:hover{ color:#090}
/* css注释说明：以上代码为设置html中.div对象内超链接字体颜色 */
</style>
</head>
<body>
<p>测试内容我是统一设置的颜色蓝色<a href="http://www.php.cn">php中文网</a></p>
<div class="div">我在div对象内，超链接颜色为<a href="http://www.php.cn">php中文网</a></div>
</body>
</html>This article ends here. There are other methods for setting the font color of hyperlinks in web pages, which I will not introduce one by one here. I hope this article can be helpful to you.
The above is the detailed content of How to set the font color of hyperlink in html? How to set font color of hyperlink in html. For more information, please follow other related articles on the PHP Chinese website!