首页html中hr怎么变粗

html中hr怎么变粗

时间: 2024-11-10 18:26:50 浏览: 18

在HTML中，`<hr>`标签用于插入水平线，如果你想让它变粗，你需要利用CSS来控制它的样式。下面是一个例子： ```html <!DOCTYPE html> <html> <head> <style> hr.thick-line { width: 5px; /* 设置线宽，数值越大越粗 */ height: 2px; /* 如果你想让线更明显，可以增加高度 */ border: none; /* 省略边框会使线看起来更粗一些 */ background-color: black; /* 设置颜色，这里以黑色为例 */ } </style> </head> <body> <h1>这里是标题</h1> <hr class="thick-line">  </body> </html> ``` 在上述代码中，`.thick-line`是一个CSS类，设置了`width`为5像素（可根据需要增大），`height`为2像素，以及去除了边框(`border: none`)。这样就可以创建一条比较粗的水平线了。

阅读全文