css3 pie的使用方法：首先下载CSS3PIE插件；然后将pie.htc文件，放到项目的文件夹中；接着在css代码中在需要使用css3的地方添加“behavior: url(PIE.htc)”；最后指定到htc文件的位置即可。
本教程操作环境：windows7系统、css3版，该方法适用于所有品牌电脑。
推荐：《css视频教程》
CSS3pie是什么？
CSS3pie是一款非常优秀的CSS3工具，可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等，通过这个工具，可以在线修改想要的效果，并即时生成css代码。
立即学习“前端免费学习笔记（深入）”；
css3pie怎么用？
1、下载CSS3PIE插件
下载地址：http://css3pie.com/download/ GitHub https://github.com/lojjic/PIE/downloads
2、使用
在下载完成的压缩里面，里面有三个文件，有一个名字为PIE.htc的文件，这就是让IE6-8能够支持部分css3特征的插件。
将pie.htc 文件，放到我们项目的文件夹中。
在css代码中在需要使用css3的地方添加behavior: url(PIE.htc)；指定到htc文件的位置就可以了（相对于html文档）。
示例：
包括圆角、阴影和渐变三种效果。
.pie{width: 200px; height: 100px;line-height: 100px;font-size:14px; border: 1px solid #669966; text-align: center;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: #666666 0 2px 3px;-moz-box-shadow: #666666 0 2px 3px ;box-shadow: #666666 0 2px 3px ;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); -pie-background: linear-gradient(#EEFF99, #66EE33); behavior: url(PIE.htc);position:relative;z-index:10;}
效果图：
更多web前端开发知识，请查阅 HTML中文网 ！！
以上就是css3 pie怎么用的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1616805.html
微信扫一扫 
支付宝扫一扫 
