网页制作中 如何改变水平线颜色
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页制作中 如何改变水平线颜色相关的知识,希望对你有一定的参考价值。
设置方法如下:
1、启动Dreamweaver,打开要修改的网页;
2、设计视图下点击要修改的水平线,下方属性面板点击右侧快速标签编辑器按钮;
3、弹出浮动的编辑标签窗口,在原有hr后输入color=“颜色代码”,如下图:
4、按F12打开浏览器预览效果。
用这个方法设置后,在Dreamweaver中无法直接看到效果,可以点击“F12”键,在浏览器里浏览水平线的颜色变化。 参考技术B color 设置颜色
size 水平线的宽度
width 水平线的长,用占屏幕宽度的百分比或象素值来表示
align 水平线的对齐方式,有LEFT RIGHT CENTER三种
noshade 线段无阴影属性,为实心线段
例:
<hr width=300 size=1 color=#5151A2 align=center noshade> 其中width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度; align 规定线条位置,有left、right、center;noshade 表示是否有立体效果。 参考技术C Dreamweaver吗?
对着水平线右键,然后“编辑标签”,然后是“浏览器特定的”,后面就会看到了本回答被提问者采纳 参考技术D <html>
<head>
<title>index</title>
<meta charset="utf-8">
<style>
#redhr
border-color: red;
</style>
</head>
<body>
<hr /> 没颜色的水平线
<br /><br /><br />
<hr id="redhr" /> 有颜色的水平线
</body>
</html>
用border-color改变水平线颜色,上面是例子
以上是关于网页制作中 如何改变水平线颜色的主要内容,如果未能解决你的问题,请参考以下文章