HTML/CSS下的文本行

-3

我是一个初学者/学习者，使用HTML & CSS。HTML/CSS下的文本行

如何在一些文本下放一行？

我不希望强调的文本，但我要让沿着这

image

我如何可以实现此线的东西？

来源

2017-08-09 Burgo

只需使用一个<hr></hr>标签

示例代码：

<body> 
 
     <h1> Header</h1> 
 
     <hr> 
 
     <p> text under header </p> 
 
    </body>

来源

2017-08-09 14:58:05 Travis

但我想使其更小，那么所有的页面 – Burgo

退房W3Schools的，他们有一个伟大的页面充满对这样的东西，信息的... https://www.w3schools.com /tags/tag_hr.asp – Travis

'是一个独立标签。 – Huelfe

您可以使用<hr>标签。

下面是一些例子造型不错页：https://css-tricks.com/examples/hrs/

如果你想让它容器的只有80％的宽度可以按如下

hr { 
 
    width: 80%; 
 
}

<hr>

添加一些CSS

来源

2017-08-09 15:01:03

好的，谢谢，我明白 – Burgo

你也可以通过使用CSS属性，border-bottom。 –

如果您试图控制线条的大小，您可以使用CSS。

hr { 
 
    display: block; 
 
    margin-top: 0.5em; 
 
    margin-bottom: 0.5em; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
    border-style: inset; 
 
    border-width: 1px; 
 
}

<h1>HTML</h1> 
 
<p>HTML is a language for describing web pages.....</p> 
 

 
<hr> 
 

 
<h1>CSS</h1> 
 
<p>CSS defines how to display HTML elements.....</p>

你可以做的另一件事是寄宿底

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
p { 
 
    border-style: solid; 
 
    border-bottom: thick line #ff0000; 
 
    border-top: none; 
 
    border-left: none; 
 
    border-right: none; 
 
    width: 250px; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<p>This is some text in a paragraph.</p> 
 

 
</body> 
 
</html>

来源

2017-08-09 15:01:48 develop1

您可以通过CSS使用hr标签和风格吧：

.x { 
 
    width: 40%; 
 
    float: left; 
 
}

<h1>Test</h1> 
 
<hr class="x">

来源

2017-08-09 15:03:24 Johannes

谢谢我会再次尝试 – Burgo

小时？已经回答:) –

它不是在另一个答案中左对齐，即不完全在文本下 – Johannes

HTML/CSS下的文本行

回答

相关问题