HTML/CSS下的文本行
答
只需使用一个<hr></hr>
标签
示例代码:
<body>
<h1> Header</h1>
<hr>
<p> text under header </p>
</body>
答
添加一些CSS
您可以使用<hr>
标签。
下面是一些例子造型不错页:https://css-tricks.com/examples/hrs/
如果你想让它容器的只有80%的宽度可以按如下
hr {
width: 80%;
}
<hr>
+0
好的,谢谢,我明白 – Burgo
+0
你也可以通过使用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>
但我想使其更小,那么所有的页面 – Burgo
退房W3Schools的,他们有一个伟大的页面充满对这样的东西,信息的... https://www.w3schools.com /tags/tag_hr.asp – Travis
'
'是一个独立标签。 – Huelfe