1、打开Dreamweaver CC 2018工具，点击文件，然后新建文档，输入标题并单击创建
2、接着点击插入菜单，依次选择HTML--->水平线，向主体元素中插入水平线
3、插入线完成后，可以在实时视图中查看线条的样式
4、切换到代码视图，添加style标签，并使用hr元素选择器，设置高度和边框
5、再切换到实时视图窗口，可以看到水平线颜色由白色变为红色
6、再在hr样式中，添加一个background-image，利用线性渐变属性linear-gradient
7、保存代码文件，打开浏览器预览，可以看到水平线颜色是渐变的
