css - 在HTML5中使用水平规则标记 `<hr>`的替代方法

我目前正在为日历使用某些html(在html5中)，并且尝试添加彩色水平线。我一直在使用水平规则标记<hr>，但我一直在努力使大多数属性完全起作用。

这就是我要的:

<hr color="purple" align="left" width="120%" size="6">

我读到一些属性在html5中不起作用...而唯一起作用的是width标签。没有其他人在做什么!

我怎样才能使它正常工作？有没有更好的方法来解决这个问题？

最佳答案

使用CSS规则

hr.someClass {
  background-color: purple;
  width: 120%;
  height: 12px;
  border-top: 1px solid black
}

<hr class="someClass">

关于css - 在HTML5中使用水平规则标记 `<hr>`的替代方法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42227775/