css - 在 html5 中工作的水平规则标记 `<hr>` 的替代方案

标签 css html attributes

我目前正在为日历编写一些 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/

相关文章:

html - { margin : 0px auto;} not centering div

javascript - 检查空属性jquery

Ruby:如何干掉相似的模型属性调用

html - 使两个平行的 `<div>` 列具有相同的高度

css - 使用与顶级菜单相同颜色的子菜单

html - 图片悬停时的 CSS 下拉菜单

html - 带问号的 Glyphicon 和 Font Awesome 显示框

php - 从复选框插入值到MySQL

javascript - 使用 Jquery 根据输入显示和隐藏元素

c# - C# 是否具有 "ThreadLocal"属性的 "ThreadStatic"模拟(对于数据成员)?