Question

我正在写一个网站订购。但是我第一次遇到了这个问题-我无法删除链接底部的下划线。已经尝试过

a: hover {text-decoration: none}

以及另一个。在下面，我将提供HTML代码以及CSS代码我要求帮助纠正此类意外错误

body{background: #efefef 
	url("images/geometry2.png");
	margin: 0; padding: 0;
	font: 16px/24px Arial, Tahoma, Sans-serif;
}

div.mid{
	width: 1000px; margin: 0 auto; 
}
a:hover {
	text-decoration: none;
}
div.header{
	background: #101417;
}
/*Шапка  сайта*/
div.topmenu{float: right;height: 70px; line-height: 70px;}
div.topmenu a{margin: 0 0 0 10px; color: #0000FF;}
div.topmenu a:hover{color: #fff}
div.afisha {padding: 20px 50px 0 50px; background: #f2f2f2 url("images/headline.png") top repeat-x;}
div.afisha img {float: left; }
div.afisha h3 {font-size: 24px; font-weight: normal; text-align: center; color: #830000;}
div.afisha p{text-align: center;}
div.afisha a{font-size: 20px; color: #fff; font-weight: bold; background: #b23600; border: 1px solid #862900;}
div.clear{clear: both;}

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Мой сайт</title>
	<link rel="shortcut icon" type="image/x-icon" href="images/logomin.png">
	<link rel="stylesheet" href="style.css" media="all">
</head>
<body>
	<div class="header">
		<div class="mid" >
			<header>
				<div class="topmenu" style='float:right;height: 70px; line-height: 70px'
				</div>
				<aside>
					<a href="#">Главная</a>
   				    <a href="#">Тренинг</a>
  					<a href="#">Шаблоны</a>
    				<a href="#">Контакты</a>
   					 </aside>
   						</div>
				<img src="images/logo.png" alt="Логотип сайта" title="Логотип сайта">
				<div class="afisha"</div>
					<img src="images/v5.jpg" alt="Обложка тренинга" title="Обложка тренинга">
				<h3>Стань профессиональным верстальщиком<br>всего за 2 месяца<br> и зарабатывай по 30 000 рублей!</h3>
				<p><a href="#">Смотрите здесь</a><p>
				<div class="clear"></div>
			</header>
		</div>
	</div>
	<div class="menu">
		<div class="mid" >Привет мир</div>
	</div>
	<div class="conten">
		<div class="mid" ></div>
	</div>
	<div class="footer">
		<div class="mid" ></div>
	</div>
</body>
</html>

Answer 1

尝试

div.mid{
width: 1000px; margin: 0 auto; 
}
a {
   text-decoration: none;
}
a:hover {
text-decoration: none;
}

还要在检查结果之前清除缓存。

Answer 2

使用：hover ，您可以在鼠标悬停时（即鼠标悬停在链接上）设置CSS属性。

似乎您想删除链接的默认下划线属性。为此，您需要将CSS直接应用于a标签：

a{text-decoration: none}

强调链接

2 个答案: