怎样设置不同的CSS链接样式?

...

More...

" />

宁波网站建设,宁波SEO,宁波网站优化,宁波网站推广,宁波网站设计

我们专注于研究网站SEO推广、网站设计制作,平发布最新技术文章。同时我们接受有偿的网站SEO、网站设计等服务与咨询,电话:13454796449 QQ:52707370

上一篇: CSS链接样式大全 下一篇:JS被falsh挡住解决方法

怎样设置不同的CSS链接样式?

(1)       新建CSS样式—选择器类型;高级—选择器:a:link(修改为a.r1:link)—确定—保存在:(在网站新建的“site”文件夹中,文件名为:style

(2)       这时打开了“a.r1;link”的CSS样式定义窗口,进行设置“字体颜色/修饰:无(下划线)。

(3)       在“CSS样式面板”中选择“style.css”,单击新建,打开“style.css”对话框,点击“新建”—打开对话框,同上——选择器类型:高级—选择器:a.r1:visited(注意,不能写成ar1:visited

(4)       同样,进行:a.r1:horver的设置。

如何实现一个页面两种不同的链接样式?

(1)       CSS中设置不同的类(CLASS),例如:

a.r1:link{text-decoration:none;color:#000066}

a.r1:visited{text-decoration:none;color:#333333}

a.r1:hover{text-decoration:underline;color:#0000ff}

 

a.r2:link{text-decoration:none;color:#000066;font-weight:bold}

a.r2:visited{text-decoration:none;color:#000066; font-weight:bold }

a.r2:hover{ font-weight:bold;color:#ff0000}

 

a.r3:link{text-decoration:none;color:#ffffff}

a.r3:visited{text-decoration:none;color:#ffffff}

a.r3:hover{color:#000000;}

 

(2)不同的链接调用不同的CSS类即可。即:先选中要链接的文本,然后在属性“样式”中选用不同类“r1”“r2”“r3”。

点击这里获取该日志的TrackBack引用地址

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于本文

您正在阅读的是:在同个页面中设置不同的CSS链接样式
沐恩 发表于:2009-11-14 16:59:6
分类:CSS+DIV
关键词:网站设计  网页布局  网页设计  网站制作  

博客作者

沐恩设计

最近发表

最新评论及回复

最近留言

控制面板

Search

网站分类

文章归档

图标汇集

  • RainbowSoft Studio Z-Blog
  • RainbowSoft Studio Z-Blog
  • 本站支持WAP访问
  • 订阅本站的 RSS 2.0 新闻聚合

Copyright MUEN.org.cn 宁波SEO网站制作.Rights Reserved.

Powered By Z-Blog 1.8 Arwen Build 90619 Code detection by Codefense Template Designed By Muen.org.cn