这是我要使用的示例,hr
该示例应扩展页面的整个宽度。在下面的代码中,hr
即使消息line
上方显示了它,我也没有使用过alert
。如何画这条线?
如何将其扩展到整个宽度页面?
Codepan演示:演示链接
<html lang="en">
<head>
<meta charset="utf-8">
<title>The HTML5 Doc</title>
<meta name="description" content="The HTML5">
<meta name="author" content="Hadi">
</head>
<body>
<div class="container">
<div class="row">
<div class="clearfix"> </div>
<div class="menu col-md-8">
<ul>
<li><a href=""#>Top picks </a><span>beta</span></li>
<li><a href=""#>Popular</a><span>beta</span></li>
<li><a href=""#>Friends analysis </a></li>
</ul>
<p class="custom-alert">Article changes everyday! come back for more fun......<p>
</div>
</div><!--./row-->
</div><!--./container -->
</body>
</html>
当我使用anchor
标签时,文字的颜色会更多地变为蓝色。我如何也可以将其grey
用作锚标签?
<li><a href=""#>Top picks </a><span>beta</span></li>
<hr>
您的演示中没有任何内容,ul
带有border-bottom
。您不能添加width: 100%;
到您ul
的容器中,因为它已经是容器的全宽,这是因为您正在使用引导程序的网格系统。删除.col-md-8
将修复它。
要为锚定样式,应使用:
a, a:visited {
color: grey;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句