<title> links with CSS image link and text link style </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 A{
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 a{
Color: #000;
Float:left;
}
</style>
<body>
<div><a href= "http://www.999jiujiu.com/" >http://www.999jiujiu.com/</A></div>
<ul class= "F4" >
<li><a href= ' # ' target= ' _blank ' ></a ></li>
</ul>
<ul class= "F5" >
<li><a href= ' # ' target= ' _blank ' > Weather Enquiry Network </a> </li>
</ul>
</body>
CSS definition mouse cursor link, border effect appears
