如何运用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中如何插入背景图片
  • 热门搜索
    女生学什么手艺好 民无信不立的意思 什么牌子沐浴露好 半老徐娘什么意思 羞愧的意思 ibelieve什么意思 欲速则不达的意思 cpi是什么意思 辰的意思 招兵买马的意思