Question

我是HTML＆amp; amp;的初学者/学习者CSS。

如何在某些文字下加上一行？

我不想强调文字，但我想做一些与此相关的内容

image

我该如何实现？

Answer 1

您可以使用<hr>标记。

这是一个很好的页面，其中包含一些示例样式：https://css-tricks.com/examples/hrs/

如果你只想使容器宽度的80％，你可以添加一些CSS，如下所示

＆＃13;

hr {
  width: 80%;
}

＆＃13;

<hr>

＆＃13;

Answer 2

如果您尝试控制线条的大小，可以使用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>

Answer 3

只需使用<hr></hr>代码

即可

示例代码：

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

Answer 4

您可以使用hr标记并通过CSS设置样式：

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

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

Answer 5

这是一个有效的问题，我知道你的意思

span{
  border-bottom:1px solid #000;
}

HTML / CSS

5 个答案: