效果展示
实现代码
<!DOCTYPE html>
<html>
<head>
<title>JcMan</title>
<style type="text/css">
.image1{
margin-top: 100px;
width:200px;
height:200px;
border-radius:200px;
}
.image2{
margin-top: 100px;
width:200px;
height:200px;
border-radius:20px;
}
</style>
</head>
<body>
<center>
<img class="image1" src="http://www.xxx.com/image/pic/item/pic01.jpg"/>
<img class="image2" src="http://www.xxx.com/image/pic/item/pic01.jpg" />
</center>
</body>
</html>
原图