请问怎样才能取消掉下划线？
<<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
* {
padding: 0;
margin: 0;
}
body {
font-family: "微软雅黑";
}
ul,li{
list-style:none;
}
nav{
width:100%;
height:100%;
}
ul{
width:1200px;
line-height:40px;
}
li{
float:left;
}
a{height:40px;
color:white;
padding-right: 10px;
background-color: skyblue
}
a:hover{
color:blue;
background-color:white;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href="">HTML</a></li>
<li><a href="">css</a></li>
<li><a href="">JavaScript</a></li>
<li><a href="">Vue.js</a></li>
<li><a href="">React.js</a></li>
<li><a href="">Es6</a></li>
</ul>
</nav> <!-- 此处填写代码 -->
</body>
</html>
正在回答
同学你好，解答如下：
由于a标签有默认的下划线样式，导致文字有下划线。可以使用text-decoration属性来消除下划线，如下：
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 解答问题 171 个
0基础跨行跨专业想学习编程却难以抉择技术方向？别慌！本课程专为想了解前端开发的小伙伴量身打造，采用案例驱动与互动式教学，开发倾慕客栈项目的同时，还可以对前端基础知识点进行学习！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星