文本的底部边框宽度

2013-01-07 79 views -1 likes

-1

我有一些我想要强调的文字。现在，我不只是想要将实际文字加下划线，我希望线条在屏幕上延伸。文本的底部边框宽度

我做的：

H4{align:left; font-style: bold; border-bottom: 1px black solid;}

但是，我不想让行运行屏幕的整个宽度做。我只希望它说750px宽或屏幕的百分比。我尝试：

H4{align:left; font-style: bold; border-bottom: 1px black solid; width:750px;}

但这不起作用。该行仍然运行整个页面的宽度。有小费吗？

来源

2013-01-07 dublintech

它究竟如何不起作用？怎么了？ –

您指定的示例应该按照您的预期工作。结果是什么？ – BenM

@皮卡我已更新。 – dublintech

回答

使用CSS中的一个<hr />

则：

hr{ 
    width: 75%; 
    border: solid #DDD; 
    border-width: 1px 0 0; 
    clear: both; 
    margin: 10px 0 30px; 
    height: 0; 
    margin-left: auto; 
    margin-right: auto; 
}

来源

2013-01-07 17:10:53 joshuahornby10

我怀疑你有被覆盖你的定义一些其他的CSS。例如，您的CSS的功能与预期的一样：http://jsfiddle.net/pvjvA/1/

h4 { 
    text-align:left; 
    font-style: bold; 
    border-bottom: 1px black solid; 
    width:750px; 
}

来源

2013-01-07 17:12:04 BenM

只是好奇 - 你是否真的在实践中做到这一点？（在标题标签上设置宽度？）我觉得很奇怪。也许只是因为我通常不这样做。 –

是的，如果模板需要它。 – BenM

文本的底部边框宽度

回答

相关问题