css中怎么控制超链接样式
今天就跟大家聊聊有关css中怎么控制超链接样式,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
“专业、务实、高效、创新、把客户的事当成自己的事”是我们每一个人一直以来坚持追求的企业文化。 成都创新互联公司是您可以信赖的网站建设服务商、专业的互联网服务提供商! 专注于成都网站建设、做网站、软件开发、设计服务业务。我们始终坚持以客户需求为导向,结合用户体验与视觉传达,提供有针对性的项目解决方案,提供专业性的建议,创新互联建站将不断地超越自我,追逐市场,引领市场!
一、伪类
CSS控制元素的某种状态---偽类(用于向某些选择器添加特殊的效果)
偽类的语法:元素标签 偽类名称{属性:属性值;}
二、超链接
a:link:未访问的链接
a:hover:鼠标移动到链接上
a:active:鼠标按下链接
a:visited:已访问的链接
如果在点击过后再返回到该页面还有一些效果的话 就按照该顺序给链接添加状态 L V H A
代码如下:
http://www.baidu.com" class="web">网页设计 |
http://www.baidu.com">平面设计 |
http://www.baidu.com">网站前端 |
http://www.baidu.com">动画设计 |
http://www.baidu.com">软件开发 |
http://www.baidu.com">网页营销
http://www.baidu.com">我会闪
三、:focus{属性:属性值}设置对象在成为输入焦点时的样式(IE6/7不支持)
代码如下:
四、练习
1.给链接加上边框
代码如下:
PHP.COM中文网
2.在超链接中用背景图象添加记号(给超链接a加上背景图片即可)
代码如下:
PHP100.COM中文网,PHPwww.baidu.com">PHP>资源共享站
7.创建按钮和翻转
代码如下:
PHP100.COM中文网
8.纯 css 工具提示
代码如下:
http://www.anfsdfasdybufdsfdasfdd.com/" class="tooltip">Andy Budd (This website
rocks) is a web developer based in Brighton England.
看完上述内容,你们对css中怎么控制超链接样式有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
文章名称:css中怎么控制超链接样式
本文链接:http://ybzwz.com/article/jdegcd.html