首页 > 编程 > HTML > 正文

html如何设置超链接字体颜色?html设置超链接字体颜色的方法

2020-03-24 17:15:12
字体:
来源:转载
供稿:网友
首页 > web前端 > html教程 > 正文 html如何设置超链接字体颜色?html设置超链接字体颜色的方法 2018-09-20 10:22:59 3425 第六期线上培训班
在网页设计时,为了能够使超链接一目了然,可能会给超链接设置个和周围字体不同的颜色,而且超链接文字的下端还可能会加一条横线。网页的超链接文字在默认情况下以蓝色作为超链接文字的颜色,访问过的文字则颜色变成暗色。那么我们该如何设置超链接字体为其他颜色呢?接下来的这篇文章将给大家来介绍关于html设置超链接字体颜色的方法。

直接看正文:

html设置超链接字体颜色的方法一:

基本语法:

body link= 颜色 :它对网页中所有未单独设置的元素起作用。

body alink= 颜色 :使用alink可以设置鼠标单击超链接时的颜色

body vlink= 颜色 :使用vlink可以设置已访问过的超链接文字的颜色

 !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.VeVb.com php  /a  /body  /html 

html设置超链接字体颜色的方法二:

使用css设置HTML中超链接字体颜色:一种是对html全部a超链接内字体设置统一的字体颜色,另外一种是对指定对象内的锚文本超链接字体设置单独颜色。

 !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.VeVb.com php  /a /p  div >

本篇文章到这里就结束了,关于网页中超链接字体颜色的设置还有其他的方法这里就不一一介绍了,希望本篇文章能对你有所帮助。

以上就是html如何设置超链接字体颜色?html设置超链接字体颜色的方法的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表