css如何设置元素加链接字体不变

这篇文章主要介绍了css如何设置元素加链接字体不变,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

方法:1,利用“文字修饰”属性去除链接文字的下划线样式,语法为“链接元素{文字修饰:没有}”;2,利用颜色属性设置链接文字字体颜色为黑色即可,语法为“链接元素{颜色:# 000}”。

本教程操作环境:windows10系统,CSS3&, HTML5版,戴尔G3电脑。

在css中,给文字添加了连接之后,字体样式会发生变化,示例如下:

想要设置添加链接之后字体不变的话,需要用到文字修饰属性和颜色属性,文字修饰属性适用于去掉链接样式的下划线,颜色属性是用于将字体颜色设置为原来的黑色。

示例如下:

& lt; ! DOCTYPE  html> 　　& lt; html  lang=癳n"祝辞 　　& lt; head> 　　& lt;才能meta  charset=癠TF-8"比; 　　& lt;才能meta  name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比; 　　& lt;才能meta  http-equiv=癤-UA-Compatible",内容=癷e=edge"比; 　　& lt;才能title> Document</title> 　　& lt;才能style> 　　一个{才能 　　,,,文字修饰:没有; 　　,,,颜色:# 000; 　　,,} 　　& lt;才能/style> 　　& lt;/head> 　　& lt; body> 　　添加链接的文字:& lt; https://www.yisu.com/zixun/a  href=" https://www.yisu.com/course/list/12.html " target="平等"> css视频教程 　　
　　没有添加链接的文字:css视频教程 　　 　　

输出结果:

感谢你能够认真阅读完这篇文章,希望小编分享的“css如何设置元素加链接字体不变”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

css如何设置元素加链接字体不变