这篇文章跟大家分析一下“css怎么清除下划线”。内容详细易懂,对“css怎么清除下划线”感兴趣的朋友可以跟着小编的思路慢慢深入来阅读一下,希望阅读后能够对大家有所帮助。下面跟着小编一起深入学习“css怎么清除下划线”的知识吧。
在css中,我们可以使用text-decoration属性来表示下划线和删除线等样式,首先我们要了解一下text-decoration属性。
text-decoration属性一共有五个值,分别是none,blink,underline,line-through,overline,其中underline就表示下划线。语法如下:
div{text-decoration:none}表示:一般去掉下划线
div{text-decoration:underline}表示一般添加下划线样式
div{text-decoration:line-through}一般表示贯穿线
div{text-decoration:overline}设置上划线样式
代码如下:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>CSS测试</title>
<style>
h2{
text-decoration:underline
}
a{
text-decoration:none
}
</style>
<body>
<h2>编程网</h2>
<p>
有关<ahref="http://www.php.cn/course/list/17.html"target="_self">css教程</a>
</p>
</body>
</html>
css的三种引入方式
1.行内样式,最直接最简单的一种,直接对HTML标签使用style=""。2.内嵌样式,就是将CSS代码写在之间,并且用
进行声明。3.外部样式,其中链接样式是使用频率最高,最实用的样式,只需要在之间加上
就可以了。其次就是导入样式,导入样式和链接样式比较相似,采用@import样式导入CSS样式表,不建议使用。关于css怎么清除下划线就分享到这里啦,希望上述内容能够让大家有所提升。如果想要学习更多知识,请大家多多留意小编的更新。谢谢大家关注一下编程网网站!