查看完整版本: CSS图片超连接的一个样式

bjfane 2008-4-24 10:27

CSS图片超连接的一个样式

这个样子还不错拉,发上来,也许有用
[code]
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body{
background:#fff;
margin:8px;}
#abc{
margin:10px;
background:#fcfcfc;
border:solid 1px #e0e0e0;
height:100%;
padding:10px;
}
#abc ul{
margin:0;
padding:0;
list-style-type:none;}
#abc li{
margin:0 4px 0 0px;
padding:0;
float:left;
}
#abc a:link,#abc a:visited{
display:block;
border:solid 1px #d4d4d4;
padding:4px;
background:#f3f3f3;
}
#abc a:hover{
border:solid 1px #a2a2a0;
background:#fff;}
img{
border:0;}
</style>
</head>
<body>
<div id="abc"><ul><li><a href="#" title="IMG"><img src="http://www.iconfans.com/customavatars/1171.jpg" /></a></li><li><a href="#" title="IMG"><img src="http://www.iconfans.com/customavatars/1171.jpg" /></a></li></ul></div>
</body>
</html>
[/code]
页: [1]
查看完整版本: CSS图片超连接的一个样式