<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
/*伪类选择器*/
/*想要运行效果 必须用lvha*/
/*设置超链接样式的步骤:
确定页面所有链接样式是否相同,否则分开定义
先定义四个状态有的样式*/
/*link 链接未激活*/
a:link{
color: red;
}
/*hover 鼠标悬浮状态*/
a:hover{
color: yellow;
}
/*visited 链接已访问状态*/
a:visited{
color: green;
}
/*active 按下 a标签的时候的颜色*/
a:active{
color: blue;
}
</style>
<title>超链接</title>
</head>
<body>
<a href="http://www.bilibili.com/">bilibili</a>
<a href="www.baidu.com">baidu</a>
</body>
</html>
相关文章
- 微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-:checked 伪类(不支持)
- 微信小程序界面设计小程序中的WXSS(css)选择器课程-伪类-链接伪类 :active | :link | :visited | :hover
- 超链接a标签的伪类选择器问题,Link标签与visited标签的失效问题(问题介绍与解决方法)。
- css中伪类和伪元素的区别
- python 全栈开发,Day47(行级块级标签,高级选择器,属性选择器,伪类选择器,伪元素选择器,css的继承性和层叠性,层叠性权重相同处理,盒模型,padding,border,margin)
- 如何查看附加的样式:firebug中的悬停和其他伪类以及chrome调试器
- css中的伪类和伪元素
- CSS3中的伪类选择器详解
- CSS选择器中类和ID选择器的区别
- CSS 中的伪类和伪元素