html中设置hr的粗细

在HTML中,
标签是用于插入水平线的标签。这个标签认情况下水平线的粗细是中等大小,但是我们可以通过CSS来更改它的粗细。下面来看一下如何更改
标签的粗细。 首先,在HTML中插入一条水平线的代码是这样的:
<hr>
如果想要增加水平线的粗细,可以使用CSS中的border样式,具体代码如下:

html中设置hr的粗细

<style>
   hr {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
   }
</style>
上面的代码将水平线的上下边框设置为1像素宽的实线,颜色为黑色。我们也可以将它更改成虚线、圆角等其他样式。下面是另一个例子,将水平线的粗细设置为4像素:
<style>
   hr {
      border: none;
      height: 4px;
      background-color: black;
   }
</style>
上面的代码将水平线的边框设置为无,高度设置为4像素,背景颜色设置为黑色,从而达到了增加水平线粗细的效果。 总之,通过CSS我们可以轻松设置
标签的粗细,达到我们想要的效果

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些