通过 <hr> 标签可在 HTML 中创建分割线。CSS 可用于调整以下内容：1. 宽度（例如：width: 500px;）2. 对齐（例如：text-align: center;）3. 样式和边距（例如：border-color: black;，margin: 10px 0;）。
HTML中，可以使用 <hr> 标签创建分割线。
1. 默认分割线宽度
默认情况下， <hr> 标签会创建一个宽度为屏幕全宽的水平分割线。
2. 使用CSS调整宽度
立即学习“前端免费学习笔记（深入）”；
可以通过CSS样式来调整分割线的宽度：
<code class="css">hr {
width: 500px;
}</code>此代码将创建一条宽度为500像素的分割线。
3. 使用CSS调整对齐方式
还可以使用CSS来调整分割线的对齐方式：
text-align: left;：左对齐text-align: center;：居中对齐text-align: right;：右对齐4. 使用CSS添加样式
除了调整宽度和对齐方式外，还可以使用CSS添加其他样式，例如：
border-color: black;：更改分割线的颜色border-style: dotted;：更改分割线的样式margin: 10px 0;：在分割线上下添加边距示例代码：
以下代码创建一条宽度为300像素、居中对齐、带红色虚线的分割线：
<code class="css">hr {
width: 300px;
text-align: center;
border-color: red;
border-style: dotted;
margin: 10px 0;
}</code>以上就是html分割线怎么调整的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
622
收藏
