dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法

  发布时间:2022-04-19 14:20:54   作者:佚名   我要评论
dw中水平线的颜色怎么改?dw插入的水平线想要修改默认的颜色,该怎么修改呢?下面我们就来看看Dreamweaver水平线修改颜色的两种方法,详细请看下文介绍

dw水平线如何改颜色?我们在使用Dreamweaver制作网页的时,如果插入的水平线没有设置颜色,那么就会破坏网站的整体效果。那么我们一起来看看如何设置水平线颜色吧,我们介绍了两种方法,详细请看下文介绍。

方法一:

打开Dreamweaver 并新建一个HTML

点击菜单中的“插入---HTML---水平线”,插入一条水平线。

然后,点击拆分

在代码<hr />中,输入color在下面出来是颜色框中,选择我们要设置的水平线的颜色。也可以自定义颜色

我们点击上面的实时视图,则可以看到水平线的颜色已经修改成刚刚定义的红色了。如图所示

方法二:

我们在代码中,在插入一条水平线,代码是<hr />

在定义一个css样式。代码如图所示

我们来看一下刚刚设置的两条水平线的预览效果。

总结:

水平线<hr />的颜色可以自己定义也可以选择现有的。

background-color:设置背景色; height:高度; border:边框

定义css样式的话,非常方便以后修改和其他页调用。

以上就是Dreamweaver水平线修改颜色的两种方法,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Dreamweaver2018怎么开启临时文件预览?

Dreamweaver怎么输入项目符号? dw项目符号的添加方法

Dw CC 2018怎么设置上载前先保存文件? Dreamweaver站点的设置方法

相关文章

  • Dreamweaver怎么替换文字? DW批量替换文字的技巧

    Dreamweaver怎么替换文字?dw制作网站网页的时候,内容需要进行批量替换,该怎么替换文字呢?下面我们就来看看DW批量替换文字的技巧,需要的朋友可以参考下
    2021-03-05
  • Dreamweaver怎么给淘宝店招添加链接? 淘宝店招添加链接的技巧

    DW怎么给淘宝店招添加链接?淘宝店铺装修的时候,想要给店招添加跳转链接,该怎么添加呢?今天我们就来看看使用dw制作的方法,需要的朋友可以参考下
    2021-01-22
  • DW2021怎么下载? Dreamweaver2021破解安装图文教程

    DW2021怎么下载?DW2021版本想要下载安装,该怎么下载呢?下面我们就来看看Dreamweaver2021破解安装图文教程,需要的朋友可以参考下
    2020-11-19
  • Dreamweaver怎么做一个hello world网页?

    Dreamweaver怎么做一个hello world网页?对于初学者使用Dreamweaver制作一个网页是很值得高兴的一件事,该怎么使用dw制作一个最简单的hello world页面呢?下面我们的就来看
    2020-09-03
  • Dreamweaver代码怎么自动排版? dw代码格式化的技巧

    Dreamweaver代码怎么自动排?Dreamweaver中的代码看上去很乱,不好找,想要将代码格式化了,看上去更有条理性,该怎么操作呢?下面我们就来看看dw代码格式化的技巧,需要的
    2020-07-22
  • Dreamweaver文字或图片怎么添加空连接?

    Dreamweaver文字或图片怎么添加空连接?Dreamweaver制作网页的时候,需要给网页中的图片或者文字添加空连接,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参
    2019-10-09
  • Dreamweaver媒体查询命令怎么使用?

    Dreamweaver媒体查询命令怎么使用?Dreamweaver制作页面会用到很多命令,我们今天就来介绍关于媒体查询命令的使用方法,需要的朋友可以参考下
    2019-09-03
  • Dreamweaver怎么修改文档说明类型?

    Dreamweaver怎么修改文档说明类型?Dreamweaver中想要更改文档说明,该怎么更改呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-09-03
  • Dreamweaver怎么插入水平线并设置颜色?

    Dreamweaver怎么插入水平线并设置颜色?Dreamweaver制作网页的时候,想要插入一个水平线,该怎么插入水平线并设置红色呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2019-05-06
  • dreamweaver怎么使用正则表达式?

    dreamweaver怎么使用正则表达式?dreamweaver页面中有需要替换的内容,该怎么替换呢?我们可以使用正则表达式来替换,下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-30

最新评论