分享

CSS美化超级链接和鼠标

 吕小薇 2016-12-27

CSS美化超级链接和鼠标

一、超级链接
对于超级链接的修饰,通常可以采用CSS伪类。
伪类是一种特殊的选择符,能被浏览器自动识别,其最大的用处是在不同状态下可以对超级链接定义不同的样式效果。
伪类
用途
a:link
定义a对象在未被访问前的样式
a:hover
定义a对象在其鼠标悬停时的样式
a:active
定义a对象被用户激活时的样式(在鼠标单击与释放之间发生的事件)
a:visited
定义a对象在其链接地址已被访问过时的样式
1.超级链接背景图设置
background-image
2.超级链接按钮效果
实现一种凹陷的效果。其实现方式通常是利用CSS中的a:hover,当鼠标经过链接时,将链接向下、向右各移动一个像素,这样显示效果就像按钮被按下的效果。
二、鼠标
控制鼠标箭头 Cursor
属性值
含义
属性值
含义
auto
自动,按照默认状态自行改变
s-resize
箭头朝下双向
crosshair
精确定位十字
w-resize
箭头朝左双向
default
默认鼠标指针
e-resize
箭头朝右双向
hand
手形
ne-resize
箭头朝右上双向
move
移动
se-resize
箭头朝右下双向
help
帮助
nw-resize
箭头朝左上双向
wait
等待
sw-resize
箭头朝左下双向
text
文本
pointer
指示
n-resize
箭头朝上双向
url(url)
自定义鼠标指针

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多