如何为标题制作这个形状？

Question

我想为标题制作这个形状。

我应该使用什么HTML和CSS来制作这个形状？

Answer 1

为了创建一个像你要求的形状，你可以使用任何html标签（在我的情况下，我使用了h1标签）。
我已将我的代码标记为.title，您可以提供任何内容。在本课程中，我只分配了基本和必需的属性来实现您的要求，您可以根据需要提供任何一组属性。
下面我附上一个片段，请完成。

＆＃13;

＆＃13;

.title {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  border-width: 0 0 1px 5px;
  border-style: solid;
  border-bottom-color: #ababab;
  border-left-color: #000;
}

＆＃13;

<h1 class="title">This is my title</h1>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用border属性（border-left＆amp; border-bottom）来实现此目的，例如：

.title {
  border-left: 5px solid #444;
  border-bottom: 1px solid #444;
  padding-left: 15px;
  line-height: 1.4;
}

<h1 class="title">This is a title</h1>

希望这有帮助！