在css中 ， 可以通过伪类来设置超链接各个状态的样式 。 下面小编举例讲解css如何设置超链接各个状态的样式 。
文章插图
需要这些哦
css+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解css若何设置超链接各个状况的样式 。
文章插图
2在test.html文件中 ， 利用a标签建立一个超链接 ， 用于测试 。
文章插图
3在css标签内 ， 经由过程a:link来设置超链接默认的初始状况样式 ， 例如 ， 设置超链接文字颜色为红色 。
文章插图
4在css标签内 ， 经由过程a:hover来设置超链接在鼠标放上链接时的样式 ， 例如 ， 设置超链接文字颜色为蓝色 。
文章插图
5在css标签内 ， 经由过程a:visited来设置超链接在被点击事后的样式 ， 例如 ， 设置超链接文字颜色为绿色 。
文章插图
6在css标签内 ， 经由过程a:active来设置超链接在鼠标正在点击时的样式 ， 例如 ， 设置超链接文字颜色为橙色 。
文章插图
总结：1【css如何设置超链接各个状态的样式】1、经由过程a:active来设置超链接在鼠标正在点击时的样式 。 2、经由过程a:visited来设置超链接在被点击事后的样式 。 3、经由过程a:hover来设置超链接在鼠标放上链接时的样式 。 4、经由过程a:link来设置超链接默认的初始状况样式 。
以上内容就是css如何设置超链接各个状态的样式的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- css如何使用li标签实现导航条
- 如何注册百度经验账号
- 高德地图如何查看点亮城市记录
- wpsppt中如何制作校园黑板风封面
- wpsppt中如何制作简洁大方型工作总结封面
- wpsppt中如何制作直线斜纹简洁封面
- wpsppt中如何制作彩色墨迹型目录样式
- 高德地图如何关闭支付宝免密支付服务
- 如何从拍卖行购买箭袋
- 如何用AE快速给视频添加字幕