技巧一：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
body,img,div{padding:0;margin:0;}
#a{border-radius: 10px; overflow: hidden; width:426px;}
img{vertical-align:top;}
#b{word-spacing: 10px;} /*空格大小*/
.gradient {
background:-moz-linear-gradient(top, red, blue);
background:-webkit-linear-gradient(top, red, blue);
background:-ms-linear-gradient(top, red, blue);
background:linear-gradient(top, red, blue);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=red, endColorstr=blue)";
+background:#f9f9f9;
width:200px; height:200px;border:1px solid red;
}
</style>
</head>
<body>1.圆角图片 div加 overflow:hidden; img加 vertical-align:top;
<div id="a"><img src="1.jpg"/></div>
<div id="b">2.file | edit | 空格大小</div>
<div class="gradient">3.线性渐变</div>
<div class="c">4.IE6下PNG图片背景透明的处理方法</div>
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a.js"></script>
<script>
DD_belatedPNG.fix('*');
</script>
<![endif]-->
</body>
</html>