<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” <head>
<title>Facebook图片圆角</title>
<style type=”text/css”>
body {
margin: 30px;
padding: 0;
font-size: 12px;
text-align: center
}
div {
float: left;
line-height: 25px;
color: red
}
.photo {
position: relative;
width: 50px;
height: 50px;
float: left;
margin: 0 50px;
}
.photo span {
width: 50px;
height: 50px;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(head_bg.png) no-repeat;
}
.photo img {
border: none;
padding: 0;
}
</style>
<!–[if lt IE 7]>
<style type=”text/css”>
.photo span { behavior: url(iepngfix.htc);}
</style>
<![endif]–>
</head>
<body>
<div class=”photo”>
<a href=”#”><span></span><img src=”wall_s3.jpg” alt=”image” width=”50″ height=”50″ /></a>圆角头像
</div>
<div><img src=”wall_s3.jpg” alt=”image” /><br />实际头像</div>
</body>