如何运用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里的水平分隔线
  • HTML如何画一条分割线
  • 在css中如何设置左浮动和右浮动?
  • HTML用代码制作虚线框方法
  • 如何在HTML中插入图片
  • 网页设计HTML中如何插入背景图片
  • 热门搜索
    国字脸适合什么发型 感叹号感冒药 安顿的近义词 生活常识 向大大内衣怎么样 澎湃的近义词 成熟的近义词 新车怎么磨合 依恋的近义词 飞鹤星飞帆怎么样