• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

如何运用HTML里的水平分隔线_CSS学习

当前位置：网站建设 > 技术支持

如何运用HTML里的水平分隔线？

1.打开编辑器，我们输入<hr> 就可以看到水平分割线。

2.我们要知道输入的时候只需要输入<hr>，不需要输入</hr>来闭合。

3.<hr color="blue"><hr color="red">要定义分割线的颜色，可以直接在后面加上color=，颜色要加上引号。

4.<hr color="blue" size=1px><hr color="blue" size=2px><hr color="red" size=3px><hr color="red" size=4px>如果觉得粗细有问题，那么我们可以设置一下分割线的粗细，以单位px来设置。

5.<hr color="blue" size=1px><hr color="blue" size=1px width=10%><hr color="red" size=2px><hr color="red" size=2px width=80%>如果要修改水平的长度，那么需要用到width，但是要设置百分比。

6.<hr color="blue" size=1px width=10% align="left"><hr color="red" size=2px width=40% align="right"><hr color="yellow" size=2px width=40% align="center">既然有了长度，那么我们还可以设置位置，用align来设置。

7.<hr color="blue" size=10px noshade="noshade"><hr color="blue" size=10px noshade="noshade"><hr color="blue" size=10px>noshade就是表示没有阴影，但是比较少使用。

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。