打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
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)
自定义鼠标指针
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
鼠标样式详细实例
巧用CSS改变鼠标的样式
用Dreamweaver 创造网页鼠标样式
CSS属性篇(九):鼠标属性
鼠标css样式
超级链接小技巧
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服