百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html怎样设定超链接字体色彩?html设定超链接字体色彩的办法
分享文章到:

html怎样设定超链接字体色彩?html设定超链接字体色彩的办法

发布时间:09/01 来源:未知 浏览: 关键词:
在网页设计时,为了能够使超链接一览无余,大概会给超链接设定个和四周字体不一样的色彩,并且超链接文字的下端还大概会加一条横线。网页的超链接文字在默许状况下以蓝色作为超链接文字的色彩,拜访过的文字则色彩变成暗色。那么我们该怎样设定超链接字体为其他色彩呢?接下来的这篇文章将给大家来介绍关于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.php.cn">百分百源码网</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.php.cn">百分百源码网</a></p> 
    <div class="div">我在div对象内,超链接色彩为<a href="http://www.php.cn">百分百源码网</a></div> 
    </body> 
    </html>

本篇文章到这里就完毕了,关于网页中超链接字体色彩的设定还有其他的办法这里就不一一介绍了,但愿本篇文章能对你有所帮忙。

以上就是html怎样设定超链接字体色彩?html设定超链接字体色彩的办法的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板