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="https://www.xujiahua.com">日记男孩的博客</a></span>
如果你用了层div,那么就是在层里加,如 <div class="line1"><a href="https://www.xujiahua.com">日记男孩的博客</a></div>
完成后,保存预览一下就可以看到效果了。
原创文章,转载请注明: 转载自日记男孩的博客