dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法
dw水平线如何改颜色?我们在使用Dreamweaver制作网页的时,如果插入的水平线没有设置颜色,那么就会破坏网站的整体效果。那么我们一起来看看如何设置水平线颜色吧,我们介绍了两种方法,详细请看下文介绍。
方法一:
打开Dreamweaver 并新建一个HTML
点击菜单中的“插入---HTML---水平线”,插入一条水平线。
然后,点击拆分
在代码<hr />中,输入color在下面出来是颜色框中,选择我们要设置的水平线的颜色。也可以自定义颜色
我们点击上面的实时视图,则可以看到水平线的颜色已经修改成刚刚定义的红色了。如图所示
方法二:
我们在代码中,在插入一条水平线,代码是<hr />
在定义一个css样式。代码如图所示
我们来看一下刚刚设置的两条水平线的预览效果。
总结:
水平线<hr />的颜色可以自己定义也可以选择现有的。
background-color:设置背景色; height:高度; border:边框
定义css样式的话,非常方便以后修改和其他页调用。
以上就是Dreamweaver水平线修改颜色的两种方法,希望大家喜欢,请继续关注脚本之家。
相关推荐:
Dreamweaver怎么输入项目符号? dw项目符号的添加方法
Dw CC 2018怎么设置上载前先保存文件? Dreamweaver站点的设置方法
相关文章
Dreamweaver怎么替换文字? DW批量替换文字的技巧
Dreamweaver怎么替换文字?dw制作网站网页的时候,内容需要进行批量替换,该怎么替换文字呢?下面我们就来看看DW批量替换文字的技巧,需要的朋友可以参考下2021-03-05Dreamweaver怎么给淘宝店招添加链接? 淘宝店招添加链接的技巧
DW怎么给淘宝店招添加链接?淘宝店铺装修的时候,想要给店招添加跳转链接,该怎么添加呢?今天我们就来看看使用dw制作的方法,需要的朋友可以参考下2021-01-22DW2021怎么下载? Dreamweaver2021破解安装图文教程
DW2021怎么下载?DW2021版本想要下载安装,该怎么下载呢?下面我们就来看看Dreamweaver2021破解安装图文教程,需要的朋友可以参考下2020-11-19Dreamweaver怎么做一个hello world网页?
Dreamweaver怎么做一个hello world网页?对于初学者使用Dreamweaver制作一个网页是很值得高兴的一件事,该怎么使用dw制作一个最简单的hello world页面呢?下面我们的就来看2020-09-03Dreamweaver代码怎么自动排版? dw代码格式化的技巧
Dreamweaver代码怎么自动排?Dreamweaver中的代码看上去很乱,不好找,想要将代码格式化了,看上去更有条理性,该怎么操作呢?下面我们就来看看dw代码格式化的技巧,需要的2020-07-22- Dreamweaver文字或图片怎么添加空连接?Dreamweaver制作网页的时候,需要给网页中的图片或者文字添加空连接,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参2019-10-09
- Dreamweaver媒体查询命令怎么使用?Dreamweaver制作页面会用到很多命令,我们今天就来介绍关于媒体查询命令的使用方法,需要的朋友可以参考下2019-09-03
- Dreamweaver怎么修改文档说明类型?Dreamweaver中想要更改文档说明,该怎么更改呢?下面我们就来看看详细的教程,需要的朋友可以参考下2019-09-03
- Dreamweaver怎么插入水平线并设置颜色?Dreamweaver制作网页的时候,想要插入一个水平线,该怎么插入水平线并设置红色呢?下面我们就来看看详细的教程,需要的朋友可以参考2019-05-06
- dreamweaver怎么使用正则表达式?dreamweaver页面中有需要替换的内容,该怎么替换呢?我们可以使用正则表达式来替换,下面我们就来看看详细的教程,需要的朋友可以参考下2019-04-30
最新评论