效果 描述： 之前在网页中看到很多类似标签的 效果 ，第一反应就是，这肯定是图片背景铺成的嘛，顶多使用svg 后来仔细看了下代码才发现，html中仅仅是一个a标签而已，其他的都在 CSS 中 实现 并且没有使用任何图片之类的东东，主要依靠 CSS 3代码中的::before   ::after两个 伪类 以前我还是比较忽视这两个家伙的，今天第一次见到原来 伪类 的好处这么多，以后会多多推荐 CSS 3 伪类 实现 的 效果 使用方法： 1、将head中的 CSS 样式引入到你的网页中 2、在你需要变成标签的html处增加class = “lanren”即可 color:#777777; font-family:Verdana, Arial, Verdana, sans-serif,”宋体”; background-color:#FFFFFF; margin:0; padding:0; #Nav { margin:0; float:left; padding:5px 5px; 我们已经每天都在与自定义 光标 进行交互。当您将鼠标悬停在按钮上并且指针 光标 变为手形时，或者您将鼠标悬停在文本上并且 光标 变为文本 光标 时，这种交互性是通过自定义 光标 来 实现 的。但是，我们可以通过 光标 为用户提供许多其他的创意体验。在我们深入创建自己的自定义 光标 之前，您应该知道 CSS 为您提供了一些开箱即用的 光标 ，用于一些经常执行的任务。这些 光标 向您显示在您悬停的确切位置可以执行的操作。示例包括指示您应该单击链接、拖放元素、放大和缩小事物等的 光标 。 Css cursor鼠标指针鼠标 光标 样式教程篇 我们在DIV CSS 布局时候，我们会遇到对对象内鼠标指针 光标 进行控制，比如鼠标经过指针变为手指形状等样式，接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外，可以通过 CSS 设置图片为鼠标指针，常见有些网站鼠标指针是各种各样小图片样式，当然这个是通过 css cursor设置鼠标样式。 扩展阅读： css 指针 一、cursor语法 本文将要为您介绍的是四大 伪类 , css 鼠标样式设置,reset操作,静止对文本操作,教程操作方法:07.31自我总结一.a标签的四大 伪类 a:link{样式} 未访问时的状态(鼠标点击前显示的状态)a:hover{样式} 鼠标悬停时的状态a:visited{样式} 已访问过的状态(鼠标点击后的状态)a:active{样式} 鼠标点击时的状态补充input:focus{样式} 点击后鼠标移开保持鼠标点击... categories: Web reprintPolicy: cc_by keywords: 初始状态link,点击后visited,鼠标悬浮hover,点击后未释放状态active,鼠标聚焦focus,案例 实现 自定义下内容 tags: