1、首先新建html文档，输入html5标准声明，如图所示。然后输入html基本网页结构，如图所示。接着输入hr标签hr是水平线，是单边标记，如图所示。hr标签的常用属性，Size：设置水平线的粗细。
成都网站建设哪家好，找创新互联公司！专注于网页设计、网站建设公司、微信开发、小程序制作、集团成都企业网站定制等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：成都房屋鉴定等众多领域，积累了大量丰富的经验，同时也获得了客户的一致称扬！
2、通过设置HR的属性来控制标签的水平线的长度跟颜色，width= 来控制为宽度，color= 来控制水平线的颜色。hr width=宽度 color=颜色 宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。
3、hr标签的width属性用于指定水平线的宽度（以像素或百分比为单位）。
4、启动Dreamweaver，打开要修改的网页；设计视图下点击要修改的水平线，下方属性面板点击右侧快速标签编辑器按钮；弹出浮动的编辑标签窗口，在原有hr后输入color=“颜色代码”，如下图：按F12打开浏览器预览效果。
5、在网页设计过程中，如果随意利用缺省水平线，常常会出现插入的水平线与整个网页颜色不协调的情况。打开水平线属性面板也只有宽、高、对齐以及阴影方面的设置。
table里的内容都需要放在td里，你的内容错乱，就是因为内容没用td包裹，会自动提前到前边。如果想要在table里边添加hr，一个是需要用td包裹，再是td需要合并单元格。但是hr长度最多跟table这么大。
这可以是hr元素、也可以是一个dom元素的border的top或者bottom，例如div。。
确认一下你的html的文档模式，如果是严格模式，则需要闭合标签，也就是你需要写成hr/。
对于文本和其他用法，CSS drop-shadow可以实现一个好看的效果框，我们直接来看具体的代码。
这段代码实现了整个页面在加载完成前不可见，然后在加载完成后渐进式地显示出来。具体实现方法是，在页面的主体元素（一般是标签）上设置默认的不透明度为0，然后设置transition属性，告诉浏览器要对opacity属性进行动画效果。
首先，打开html编辑器，新建html文件，例如：index.html。
相同的class不同效果，通常是两个原因。一个是有更具体（name、id）的样式或js代码造成样式改变；另一个是HTML代码有误，造成局部样式不生效。
