关灯
请选择 进入手机版 | 继续访问电脑版

CSS A link hover active visited伪类超链接锚文本样式教程

0
回复
201
查看
[复制链接]

38

主题

38

帖子

333

积分

超级版主

Rank: 8Rank: 8

积分
333
发表于 2020-6-19 22:47:21 | 显示全部楼层 |阅读模式
 
用CSS控制超链接样式-css超链接

本文将讲解通过css样式或通过css来控制超链接样式。这里主要讲文字类型的超链接,超链接的样式包括通过CSS来控制设置超链接有无下划线、超链接文字颜色等样式。

什么是超链接?
超链接通俗地指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

超链接的代码
<a href="http://www.sky16.cn/" target="_blank" title="关于div css的网站">DIV+CSS</a>
解析如下:
href 后跟被链接地址目标网站地址这里是http://www.sky16.cn/
target
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)

title 后跟链接目标说明,也就是超链接被链接网址情况简要说明,或标题

CSS可控制超链接样式-css链接样式如下
a:link是超级链接的初始状态
a:hover是把鼠标放上去时悬停的状况
a:active 是鼠标点击时
a:visited是访问过后的情况

回复

使用道具 举报

 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注我们:16度天空

微信公众号

手机网页版

联系博主:16度天空

记录生活点滴、分享工作经验、追忆创作时光的自媒体个人博客

写给自己,留给未来,相约分享心情,随笔记录人生,写作记录生活-成长,分享,在路上!

网址:http://www.sky16.cn

Copyright   ©2017-2018  16度天空Powered by技术支持:玉乡广告传媒  联系QQ:1309089920  ( 豫ICP备18036994号 )