首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

用css式样控制超链接颜色显示

2012-09-12 
用css样式控制超链接颜色显示http://www.wangchao.net.cn/bbsdetail_1846946.html很多人在网页上实现不同

用css样式控制超链接颜色显示
http://www.wangchao.net.cn/bbsdetail_1846946.html

很多人在网页上实现不同链接有不同的颜色上不知如何处理,如果改a的属性,好像所有的链接的颜色都改了。
  事实上,采用css样式实现这个效果比较简单。
  先看一下常用设置:
  a:link 超链接的普通样式
  a:visited 点击过的
  a:hover 鼠标经过时的
  a:active 单击时
  a:link{text-decoration:none;} 无下划线
  a:link{text-decoration:underline;} 有下划线
  为了实现不同链接不同效果,我们要为不同效果的那个链接专门定义一个css规则。
  比如:
  我们常规css是这样的:
  a:link{color:#ff0000}
  那么网页上所有链接的颜色都是:#ff0000。
  现在我们改一下:
  a:link{color:#ff0000}
  .line1 a:link{color:#000000}
  同时,在要改变颜色的链接前加上css定义,像这样:<span class=line1><a href="/">不同颜色的超链接</a></span>,这样的话,这个链接的颜色就改变了。

热点排行