4.1 简单的链接样式

锚可以作为内部引用,也可以作为外部链接,应该区分对待。

伪类选择器:

:link 用来寻找没有访问过的链接

:visited 用来寻找已经访问过的链接

a:link{color:blue};

a:visited{color:red};

动态伪类选择器:

:hover 用来寻找鼠标停留处的元素

:active 用来寻找被激活的元素

两个规则有相同的特殊性时,后定义的规则优先,因此在定义a元素伪类时使用以下顺序:

a:link  a:visited a:hover a:active   即  LoVe  HAte

4.2 让下划线更有趣

可以给a元素伪类设置背景图片实现一些有趣的下划线效果.

a:hover,a:active{

    font-weight: bold;
/*text-decoration:underline;*/
background: url("./underline.gif") repeat-x left bottom;
}

4.3 突出显示不同类型的链接

内部链接、外部链接、下载word、PDF的链接、订阅....可以使用属性选择器(比如根据href 属性的前缀或者后缀)为不同类型链接设置样式。

4.4 创建按钮和翻转

4.4 已访问链接样式

4.4 纯CSS提示

最新文章

  1. hdu 1281 二分图最大匹配
  2. HibernateTemplate的一些常用方法总结
  3. 关于VS2010“ADO.NET Entity Data Model模板丢失或者添加失败问题
  4. 在使用SQLite插入数据时出现乱码的解决办法
  5. Auto Layout 使用心得
  6. php的SQL连接操作的方法
  7. 采取Volley,实现瀑布流
  8. BOM基础(二)
  9. 一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](八)
  10. asp.net 文件上传 Uploadify HTML5 带进度条
  11. MongoDB $type条件操作符
  12. 【ShaderToy】基本操作——旋转
  13. C#计算字符串长度,汉字算两个字符
  14. JxBrowser之五:清除cache和cookie以及SSL证书处理
  15. HashMap中ConcurrentModificationException异常解读
  16. 洛谷P1144 最短路计数
  17. list列表常用操作
  18. HDU 3974 Assign the task(DFS序)题解
  19. .net完整的图文验证
  20. ValueError: Invalid leaf XXX

热门文章

  1. No module named 'revoscalepy'问题解决
  2. hihoCoder hiho一下 第二周 #1014 : Trie树(Trie树基本应用)
  3. 在vue-cli中使用路由
  4. angular路由学习笔记
  5. CUDA:Supercomputing for the Masses (用于大量数据的超级计算)-第七节
  6. package.json字段分析
  7. A1020 Tree Traversals (25 分)
  8. 项目实战8.1—tomcat企业级Web应用服务器配置与会话保持
  9. TP5数据库操作方法总结
  10. JS — 实现简单的数字时钟