标签：
技巧一：
<!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>
标签：
原文地址：http://www.cnblogs.com/gyz418/p/5499031.html
