时间:2023-10-03 04:00:02 | 来源:网站运营
时间:2023-10-03 04:00:02 来源:网站运营
CSS之设置超链接样式:超链接在任意一个网页上都是最基本的元素之一,通过超链接可以实现页面的跳转、功能的激活等,我们来学习如何使用CSS设置超链接的样式;<body> <p><a href="#">这是一个没有被访问过的链接1</a></p> <p><a href="#">这是一个没有被访问过的链接2</a></p> <p><a href="#">这是一个没有被访问过的链接3</a></p></body>
标签名:伪类名{声明;}
,例如:a:hover{color:#000;}
a:link
:未单击访问时的超链接的样式,比如:a:link {color: #000;}a:visited
: 单击访问后超链接的样式,比如:a:visited{color: #F00;}a:hover
:鼠标移动到超链接上的样式,比如:a:hover{color: #CCC;}a:active
:鼠标单击未释放的超链接的样式,比如:a:active {color: #999;}<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> p{ width:350px; } a{ color:#f00; } a:hover{ color:#FDF405; } a:active{ color:#F707EE; }</style></head><body> <p><a href="#">编辑一个红色的超链接a标签,鼠标悬浮在链接上面是字体变为黄色,鼠标点击时字体变为紫色</a></p></body></html>
default
:默认光标,箭头形;pointer
:超链接光标,手指形;wait
:指示程序正忙,通常是一只表或沙漏;help
:指示可用的帮助,通常是一个问号或一个气球;text
:指示文本;crosshair
:鼠标呈现十字状;关键词:样式,设置