css 妙味 总结
Posted gyz418
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 妙味 总结相关的知识,希望对你有一定的参考价值。
技巧一:
<!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>
以上是关于css 妙味 总结的主要内容,如果未能解决你的问题,请参考以下文章