返回首页

DreamWeaver网页设计时同一网页添加多种链接样式的方法

时间:2013-08-05 01:13来源:知行网www.zhixing123.cn 编辑:麦田守望者

DreamWeaver 网页设计时同一网页添加多种链接样式的方法

比如在同一个网页里,我们有多个超链接,我们知道,如果没有特意去修改,DM默认的情况下是所有的链接颜色都是一样的,那么假如我们想在一个网页里,不同的超链接有不同的颜色,那该如何处理?

昨天也写了一篇关于超链接问题的方法,有兴趣的也可以看一下:

Dreamweaver中,给文字添加超链接,文字颜色就变了的解决方法

如果想要实现每种链接都有各自的效果,那么我们要为不同的链接专门定义一个CSS样式规则。

一般来说,我们定义超链接颜色效果的CSS是这样的,: a:link{color:#0000ff}

额,这种超链接颜色是蓝色的。那么添加了这个超链接的定义后,这个网页上所有链接的颜色都是 #0000ff 了。

如果我们想将其他链接设置成其他颜色呢?

那么我们需要这样修改一下:

a:link{color:#0000ff}

.line1 a:link{color:#000000}

同时,需要在改变颜色的链接前加上CSS定义:

<span class=”line1″ ><a href=”http://www.ZHIXING123.CN”>知行网</a></span>

如果你用了层div,那么就是在层里加,如 <div class=”line1″><a href=”http://www.ZHIXING123.CN”>知行网</a></div>

完成后,保存预览一下就可以看到效果了。

顶一下
(3)
100%
踩一下
(0)
0%
标签(Tag):dreamweaver dreamweaver教程 dreamweaver下载 dreamweaver技巧
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片