将<hr>的宽度扩展到页面的宽度并更改锚标记的颜色

用户名

这是我要使用的示例,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">&nbsp</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>

阿多尼斯·卡库里迪斯(Adonis K.Kakoulidis)

<hr>您的演示中没有任何内容ul带有border-bottom您不能添加width: 100%;到您ul的容器中,因为它已经是容器的全宽,这是因为您正在使用引导程序的网格系统。删除.col-md-8将修复它。

要为锚定样式,应使用:

a, a:visited {
    color: grey;
}

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在容器div内时将div扩展到页面的整个宽度

来自分类Dev

将元素扩展到div的宽度

来自分类Dev

将元素扩展到div的宽度

来自分类Dev

将主体元素的宽度扩展到超出窗口的宽度

来自分类Dev

将jQuery垂直制表符内容区域扩展到整个页面宽度

来自分类Dev

将内联元素扩展到其自动宽度

来自分类Dev

CSS:将文本背景扩展到容器宽度

来自分类Dev

将文字放在<hr>的中间

来自分类Dev

可以宽度:自动将div扩展到超出屏幕宽度

来自分类Dev

可以宽度:自动将div扩展到超出屏幕宽度

来自分类Dev

如何更改<hr />元素的颜色?

来自分类Dev

CSS:将hr元素移至底部

来自分类Dev

将下拉菜单置于 hr 之上

来自分类Dev

如何使 <hr> 与水平菜单的宽度相同?

来自分类Dev

将终端颜色扩展到行尾

来自分类Dev

移至下一行时,将图像扩展到容器宽度

来自分类Dev

将最后一个li扩展到ul的剩余宽度并正确对齐

来自分类Dev

将最后一个li扩展到ul的剩余宽度?

来自分类Dev

如何使用CSS将包装元素扩展到整个浏览器宽度?

来自分类Dev

段落元素在换行前将div扩展到最大宽度

来自分类Dev

将一行上的窗体框的总宽度扩展到100%

来自分类Dev

Bootstrap 3.3以特定宽度将col-lg-10扩展到col-lg-12

来自分类Dev

我如何将微调框宽度扩展到布局中的第二项

来自分类Dev

如何将伪背景色扩展到中心容器之外而不是屏幕宽度?

来自分类Dev

将Bootstrap下拉菜单扩展到可见页面的底部

来自分类Dev

如何更改<hr>标签的厚度和颜色?

来自分类Dev

尝试将 <hr> 标记放入 stringBuilderObject.Append() VB.net 时出现对象引用错误

来自分类Dev

FM将时间从24hr转换为12hr格式?

来自分类Dev

如何在不添加滚动条的情况下设置 QScrollArea(在 QDialog 内)将扩展到的最大宽度?

Related 相关文章

  1. 1

    在容器div内时将div扩展到页面的整个宽度

  2. 2

    将元素扩展到div的宽度

  3. 3

    将元素扩展到div的宽度

  4. 4

    将主体元素的宽度扩展到超出窗口的宽度

  5. 5

    将jQuery垂直制表符内容区域扩展到整个页面宽度

  6. 6

    将内联元素扩展到其自动宽度

  7. 7

    CSS:将文本背景扩展到容器宽度

  8. 8

    将文字放在<hr>的中间

  9. 9

    可以宽度:自动将div扩展到超出屏幕宽度

  10. 10

    可以宽度:自动将div扩展到超出屏幕宽度

  11. 11

    如何更改<hr />元素的颜色?

  12. 12

    CSS:将hr元素移至底部

  13. 13

    将下拉菜单置于 hr 之上

  14. 14

    如何使 <hr> 与水平菜单的宽度相同?

  15. 15

    将终端颜色扩展到行尾

  16. 16

    移至下一行时,将图像扩展到容器宽度

  17. 17

    将最后一个li扩展到ul的剩余宽度并正确对齐

  18. 18

    将最后一个li扩展到ul的剩余宽度?

  19. 19

    如何使用CSS将包装元素扩展到整个浏览器宽度?

  20. 20

    段落元素在换行前将div扩展到最大宽度

  21. 21

    将一行上的窗体框的总宽度扩展到100%

  22. 22

    Bootstrap 3.3以特定宽度将col-lg-10扩展到col-lg-12

  23. 23

    我如何将微调框宽度扩展到布局中的第二项

  24. 24

    如何将伪背景色扩展到中心容器之外而不是屏幕宽度?

  25. 25

    将Bootstrap下拉菜单扩展到可见页面的底部

  26. 26

    如何更改<hr>标签的厚度和颜色?

  27. 27

    尝试将 <hr> 标记放入 stringBuilderObject.Append() VB.net 时出现对象引用错误

  28. 28

    FM将时间从24hr转换为12hr格式?

  29. 29

    如何在不添加滚动条的情况下设置 QScrollArea(在 QDialog 内)将扩展到的最大宽度?

热门标签

归档