列表样式和文本装饰不工作css,html

时间:2017-08-03 15:12:35

标签: html css

所以我正在研究一个项目,我正在为模板制作一个菜单。 但有一件事让我抓狂!我搜索了两个小时或者什么,但是找不到解决方案,这就是问题所在: 我正在制作一个菜单,列表样式和文本装饰由于某种原因不起作用? 这是html和css代码:

.menu li {
	list-style-type: none;
}

.menu a {
	display: block;
	text-decoration: none; 
}
           <ul class="menu">
				<li><a href="#">Home</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Galerij</a></li>
				<li><a href="#">Contact</a></li>
			</ul>

最近类似的代码工作。所以我真的把头发拉了出来。

1 个答案:

答案 0 :(得分:0)

list-style-type: initialtext-decoration: underline是他们的默认值。使用它们将打开

&#13;
&#13;
.menu li {
	list-style-type: initial;
}

.menu a {
	display: block;
	text-decoration: underline; 
}
&#13;
<ul class="menu">
				<li><a href="#">Home</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Galerij</a></li>
				<li><a href="#">Contact</a></li>
			</ul>
&#13;
&#13;
&#13;