首页前端开发JavaScripthtml如何设置超链接字体颜色?html设置超链接字体颜色的方法

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

时间2024-01-28 21:30:02发布访客分类JavaScript浏览285
导读:收集整理的这篇文章主要介绍了html如何设置超链接字体颜色?html设置超链接字体颜色的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。在网页设计时,为了能够使超链接一目了然,可能会给超链接设置个和周围字体不同的颜色,而且超链接文字的...
收集整理的这篇文章主要介绍了html如何设置超链接字体颜色?html设置超链接字体颜色的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。在网页设计时,为了能够使超链接一目了然,可能会给超链接设置个和周围字体不同的颜色,而且超链接文字的下端还可能会加一条横线。网页的超链接文字在默认情况下以蓝色作为超链接文字的颜色,访问过的文字则颜色变成暗色。那么我们该如何设置超链接字体为其他颜色呢?接下来的这篇文章将给大家来介绍关于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设置超链接字体颜色的方法的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 分享查看页面源代码的四种方法下一篇:常用HTML代码大全(初学者必备)猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: html如何设置超链接字体颜色?html设置超链接字体颜色的方法
本文地址: https://pptw.com/jishu/590182.html
前端常用的JavaScript操作(代码实例) 分享查看页面源代码的四种方法

游客 回复需填写必要信息