如何运用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里的水平分隔线
猜你喜欢