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}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Mouse over the links to see them change layout.
This link changes background-color
This link changes text-decoration
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
让文字的第一行特殊化
p:first-line
{
color: #ff0000;
font-variant: small-caps
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
You can use the :first-line pseudo-element to add a special effect to the first line of a text!
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]