龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css教程:CSS伪类

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
CSSpseudo-classesareusedtoaddspecialeffectstosomeselectors. CSS伪类可用来给一些选择器加上特殊效果。 Hyperlink 如何在文档内给超级连接加上不同的颜色 Thisexampledemonstrateshowtoadddifferentcolorstoahyperlink
CSS pseudo-classes are used to add special effects to some selectors.
CSS伪类可用来给一些选择器加上特殊效果。
Hyperlink
如何在文档内给超级连接加上不同的颜色
This example demonstrates how to add different colors to a hyperlink in a document.
Examples 实例:
Source Code to Run [www.fun52.com]
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
This is a link
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
   [ 可先修改部分代码 再运行查看效果 ]
Hyperlink 2
如何给超级连接加上其他样式
This example demonstrates how to add other styles to hyperlinks.
Examples 实例:
Source Code to Run [www.fun52.com]
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}
a.two:link {color: #ff0000}
a.two:visited {color: #0000ff}
a.two:hover {font-size: 150%}
a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}
a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}
a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
Mouse over the links to see them change layout.
This link changes color
This link changes font-size
This link changes background-color
This link changes font-family
This link changes text-decoration
   [ 可先修改部分代码 再运行查看效果 ]
The syntax of pseudo-classes:
伪类语法:
第 1 2 页
精彩图集

赞助商链接