首页 > 代码库 > css学习之-对链接应用样式
css学习之-对链接应用样式
1.简单的链接样式
对链接应用样式最容易的方式是使用锚类型选择器,但是锚类型选择器也不总是理想的,因为它既可以作为内部引用,又可以作为外部链接。
锚的伪类选择器,:link,:visited,:hover,:focus,:active
大多数人最初使用锚选择器做的第一件事是去掉链接的下划线,text-decoration:none,添加下划线,text-decoration:underline
2.简单的链接修饰
a.使用边框创建不太影响美观的下划线
b.使用图像创建链接下划线
3.为已访问链接设置样式,避免不必要的回溯操作
4.为链接目标设置样式
使用:target伪类设置样式
5.突出显示不同类型的链接
在很多站点上,很难看出链接是指向本站点上的另一个页面,还是指向另一个站点,为了区别,还是在外部链接旁边加一个小图标。在页面上包含外部链接最容易的方法是在所有外部链接上加一个类,然后将图标作为背景图像应用。但是这种方法不太灵巧。
还有一种方法是使用属性选择器
6.创建类似按钮的链接
display:block,在修改width,height等属性
使用line-height而非height设置行高,可以使文本垂直居中。
tip:链接只用于get请求,不能用于post请求
css学习之-对链接应用样式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。