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

2023-12-08 0 409

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

Adobe Dreamweaver CS6 v12.0.0.5808 简体中文绿色版

  • 类型:网页设计
  • 大小:152MB
  • 语言:简体中文
  • 时间:2012-06-27

查看详情

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

方法一:

打开Dreamweaver 并新建一个HTML

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

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

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

然后,点击拆分

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

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

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

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

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

方法二:

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

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

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

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

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

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

总结:

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

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

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

以上就是Dreamweaver水平线修改颜色的两种方法,希望大家喜欢,请继续关注悠久资源网。

相关推荐:

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

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

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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 Dreamweaver教程 dw中水平线的颜色怎么改? Dreamweaver水平线修改颜色的两种方法 https://www.u-9.cn/sheji/dreamweaver/130363.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务