您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
三六零分类信息网 > 大庆分类信息网,免费分类信息发布

css3 pie怎么用

2025/7/15 7:44:13发布5次查看
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怎么用的详细内容。
大庆分类信息网,免费分类信息发布

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product