CSS defines the mouse-move link. The border effect is displayed and the css image link is displayed.
<Html>
<Head>
<Title> CSS image links and text link styles used for Links </title>
<Style>
. F4 {
Width: 100%;
Overflow: hidden;
Clear: both;
Margin: 0;
Padding: 0;
}
. F4 li {
Width: 94px;
Height: 37px;
Display: block;
Float: left;
Overflow: hidden;
Margin: 10px 12px 2px 3px;
}
. F4 li {
Width: 88px;
Height: 31px;
Overflow: hidden;
Float: left;
Border: 3px solid # FFF;
}
. F4 li a: hover {
Border: 3px solid # EEE;
}
. F5 {
Width: 100%;
Overflow: hidden;
Clear: both;
Margin: 0;
Padding: 0;
}
. F5 li {
Float: left;
Line-height: 14px;
Padding: 0px 8px 0px;
White-space: nowrap;
}
. F5 li {
Color: #000;
Float: left;
}
</Style>
</Head>
<Body>
<Div> http://www.999jiujiu.com/</div>
<Ul class = "f4">
<Li> <a href = '# 'target =' _ blank '> </> </li>
</Ul>
<Ul class = "f5">
<Li> <a href = '# 'target =' _ blank '> weather query Network </a> </li>
</Ul>
</Body>
</Html>