网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

时间:2024-10-14 10:33:26

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

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

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

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

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

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

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

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

5、<hr color="blue" size=1px><hr color=&鳎溻趄酃quot;blue" size=1px width=10%><hr color="red" size=2px><hr color="red" size=2px width=80%>如果要修改水平的长度,那么需要用到width,但是要设置百分比。

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

6、<hr color="blue" size=1px 嘛术铹砾width=10% align="left"&爿讥旌护gt;<hr color="red" size=2px width=40% align="right"><hr color="yellow" size=2px width=40% align="center">既然有了长度,那么我们还可以设置位置,用align来设置。

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

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

如何运用HTML里的水平分隔线
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com