189 8069 5689

css中怎么控制超链接样式

今天就跟大家聊聊有关css中怎么控制超链接样式,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

“专业、务实、高效、创新、把客户的事当成自己的事”是我们每一个人一直以来坚持追求的企业文化。 成都创新互联公司是您可以信赖的网站建设服务商、专业的互联网服务提供商! 专注于成都网站建设、做网站、软件开发、设计服务业务。我们始终坚持以客户需求为导向,结合用户体验与视觉传达,提供有针对性的项目解决方案,提供专业性的建议,创新互联建站将不断地超越自我,追逐市场,引领市场!

一、伪类

CSS控制元素的某种状态---偽类(用于向某些选择器添加特殊的效果)
偽类的语法:元素标签 偽类名称{属性:属性值;}

二、超链接
a:link:未访问的链接
a:hover:鼠标移动到链接上
a:active:鼠标按下链接
a:visited:已访问的链接
如果在点击过后再返回到该页面还有一些效果的话 就按照该顺序给链接添加状态 L V H A

代码如下:







 
 三、:focus{属性:属性值}设置对象在成为输入焦点时的样式(IE6/7不支持)

代码如下:








 
四、练习

1.给链接加上边框

代码如下:




PHP.COM中文网


 

2.在超链接中用背景图象添加记号(给超链接a加上背景图片即可)

代码如下:




PHP100.COM中文网,PHPwww.baidu.com">PHP>资源共享站



 
7.创建按钮和翻转

代码如下:





PHP100.COM中文网


 
8.纯 css 工具提示

代码如下:





PHP.COMPHP官网



http://www.anfsdfasdybufdsfdasfdd.com/" class="tooltip">Andy Budd (This website
rocks)
is a web developer based in Brighton England.


看完上述内容,你们对css中怎么控制超链接样式有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


分享名称:css中怎么控制超链接样式
网页网址:http://cdxtjz.cn/article/jdegcd.html

其他资讯