最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css教程:CSS伪类
时间:2022-07-02 12:43:20 编辑:袖梨 来源:一聚教程网
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 [] 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 实例:
代码如下 | 复制代码 |
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 |
相关文章
- 《无限暖暖》围巾蚯蚓具体作用介绍 12-24
- 《无限暖暖》星夜守望连衣裙获得方法介绍 12-24
- 《无限暖暖》魔物试炼幻境解锁方法介绍 12-24
- 《无限暖暖》磐岩晶石获得方法介绍 12-24
- 《无限暖暖》巨石岩仔打法攻略分享 12-24
- 《无限暖暖》布布果在哪 12-24