材料/工具:Dreamweaver
创新互联建站从2013年开始,是专业互联网技术服务公司,拥有项目成都网站建设、网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元阿合奇做网站,已为上家服务,为阿合奇各地企业和个人服务,联系电话:18980820575
1、我们已经插入一个水平线了之后,选择水平线。
2、鼠标右键找到编辑标签,快捷键是Shift+F5键。
3、我们在标签编辑器里点击浏览器特定的。
4、随后我们点击颜色。
5、我这里选择一个红色好了。
6、在dw中可能显示不出来,我们F12在网页中预览。
7、在网页中这就是一个红色的水平线了。
背景不随网页滚动,在CSS文件中添加:
body{
background-image:url("URL");
background-position:100% 0%;
background-repeat :no-repeat;
background-attachment:fixed;
}
url位置写你的背景图片位置,可以是绝对地址也可以是相对地址。
position是定义位置,可以写具体位置,也可以使用left.right或者center或左右中。
repeat是重复方式,可以不重复,或者垂直重复、水平重复或者全部重复。
background-attachment:fixed;是用来固定图片不随鼠标滚动。
水平线的代码:
hr color="red" size="2"
其中color属性是颜色,可以直接输入颜色的英文单词,也可以使用16位颜色代码,比如#000000.
有些人会使用一个div的边框来作横线,比如:
p { border-bottom:5px solid red; }
就是把P标签的下边框定义为5像素高的红色,red表示颜色,同样可以使用16位的代码代替,这种方法适合装饰一个元素,但如果为了加一条横线而建立一个div再去把边框定义颜色,这样是不推荐的。
你hr一个class类的样式不就可以了吗?像这样
hr class="hr4" /
.hr4{height:1px;border:none;border-top:1px dashed #0066CC;}
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 表示是否有立体效果。