css通过伪类来设置超链接样式附示例
建站知识 2021-07-03 08:15www.168986.cn长沙网站建设
css设置超链接样式是通过伪类来实现的
(1) :link设置a对象在未被访问前的样式表属性。
(2) :visited设置a对象在其链接地址已被访问过时的样式表属性。
(3) :hover设置对象在其鼠标悬停时的样式表属性。
(4) :active设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。
css中关于超链接的四个属性正确顺序为
a:link {}
a:visited {}
a:hover {}
a:active {}
伪类名字对大小写不敏感,但在定义顺序上有要求。:hover必须被置于:link和:visited之后才是有效的,:active必须被置于:hover之后才是有效的。
备注
默认状态下,创建的超级链接的文字颜色为蓝色,并带有下划线,访问之后变为紫色。如果想要修改这种颜色,需要用CSS样式设置超级链接的a:link、a:visited、a:hover、a:active状态的样式。
实例
<style type=”text/css”>
A{text-decoration:none} 无下划线
A:link{color:red}
A:visited{color:blue}
A:active{color:yellow}
A:hover{color:green;font-family:楷体;font-size:20}
</style>
(1) :link设置a对象在未被访问前的样式表属性。
(2) :visited设置a对象在其链接地址已被访问过时的样式表属性。
(3) :hover设置对象在其鼠标悬停时的样式表属性。
(4) :active设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。
css中关于超链接的四个属性正确顺序为
复制代码
代码如下:a:link {}
a:visited {}
a:hover {}
a:active {}
伪类名字对大小写不敏感,但在定义顺序上有要求。:hover必须被置于:link和:visited之后才是有效的,:active必须被置于:hover之后才是有效的。
备注
默认状态下,创建的超级链接的文字颜色为蓝色,并带有下划线,访问之后变为紫色。如果想要修改这种颜色,需要用CSS样式设置超级链接的a:link、a:visited、a:hover、a:active状态的样式。
实例
复制代码
代码如下:<style type=”text/css”>
A{text-decoration:none} 无下划线
A:link{color:red}
A:visited{color:blue}
A:active{color:yellow}
A:hover{color:green;font-family:楷体;font-size:20}
</style>
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML