最新消息:

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

网站技巧 admin 7861浏览 1评论

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>

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

原创文章,转载请注明转载自日记男孩的博客

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

转载请注明:日记男孩的博客 » DreamWeaver网页设计时同一网页添加多种链接样式的方法

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 很谢谢你 很有用
    老彭10年前 (2014-12-03)回复