网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> CSS教程 >> 正文
最新文章
· CSS控制UL、LI 的样式详解
· CSS定义页面背景图片的位置
· Div+CSS布局的扩展技巧和用法24则
· 用css中控制图片的缩放,并加入指定链
· 纯CSS实现三列DIV等高布局
· 有利于SEO的DIV+CSS的命名规则
· 十天学会DIV+CSS(WEB标准)CHM格式文件
· 用CSS给div设置滚动条
· CSS实现图片按比例自动缩放
· CSS鼠标形状样式
热门文章
 用JS改变元素的CSS样式
 CSS实现全自动单元格,超出内容出现
 div设置左浮动float:left;时左边距
 CSS定义链接颜色
 用CSS给div设置滚动条
 如何使用ul和li来制作垂直导航条
 去掉超链接单击时的边框
 CSS实现图片按比例自动缩放
 当文字过多时显示省略号...
 解决IE6下的行高line-height失效问
相关文章
没有相关文章
CSS定义链接颜色
来源:www.cwydesign.com 更新时间:2009/5/13 11:12:32 阅读次数:
字体:[ ] 我要投稿

怎样用CSS定义跟"页面属性"里不一样的链接颜色
就直接定义a的样式,做个CSS。
.mycolor:link {color:#666666}
.mycolor:visited {color:#666666}
.mycolor:hover {color:#666666}
.mycolor:active {color:#666666}

在需要变色的链接上调用mycolor就可以了

<a href="#" class="mycolor">餐馆信息</a>

要想在连接点击后同样出现未点击的显示状态就把link ,visited ,active的字体

颜色设置为未触发的颜色,这样当点击以后回到此页面就不会出现点击后的颜色了,也就是hover的颜色.

也可以编辑他的字体和文字大小,颜色,是否有下划线等.如下:

a:link {
 font-family: "宋体";
 font-size: 12px;
 color: #339933;
 text-decoration: none;
}
a:visited {
 font-family: "宋体";
 font-size: 12px;
 color: #CC6600;
 text-decoration: none;
}
a:hover {
 font-family: "宋体";
 font-size: 12px;
 color: #FF6600;
 text-decoration: underline;
}
a:active {
 font-family: "宋体";
 font-size: 12px;
 color: #33FF66;
 text-decoration: none;
}

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号