【问题标题】:CSS underliningCSS下划线
【发布时间】:2012-12-21 10:03:03
【问题描述】:

要在 CSS 中为文本加下划线,我们可以这样做:

h3 {text-decoration:underline;}

不过,这只会给 h3 标签中的文本加下划线。如果想让下划线穿过页面怎么办?

谢谢

【问题讨论】:

  • 整个页面是什么意思?类似于将该样式应用于 body 标签或类似的东西?
  • 是的,请澄清您的问题。
  • 或者你可以添加标记到这个asdasdasd

标签: html css underline


【解决方案1】:

假设你的元素直接位于你可以使用的 body 标签下:

h3 {
    width: 100%;
    border-bottom: 1px solid red;
}

这条线将跨越整个页面,或者它所在的任何元素......

【讨论】:

    【解决方案2】:

    也许试试水平线 (hr) 标签?这也可以根据您的喜好进行风格化。


    【讨论】:

      【解决方案3】:

      那么你就不会有下划线,你会有一个元素的边框。

      border-bottom: 1px red solid;
      

      【讨论】:

      • 我认为你的意思是边框底部。
      • 我做到了。突然间,我觉得有必要结束这一天。 :)
      • 是的,你已经达到了 200k 大关,所以你应该放松一下;)(说真的,恭喜你成功了!)
      【解决方案4】:

      您可以尝试使用边框:

      h3 { border-bottom: 1px solid }
      

      【讨论】:

        猜你喜欢
        • 2010-10-28
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-04-01
        • 1970-01-01
        • 2015-12-25
        相关资源
        最近更新 更多