css3中如何使用馅饼

这篇文章主要介绍了css3中如何使用派,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

css3派的使用方法:首先下载CSS3PIE插件,然后将派。htc文件,放到项目的文件夹中,接着在css代码中在需要使用css3的地方添加“行为:url (PIE.htc)”;最后指定到htc文件的位置即可。

<强> 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的地方添加行为:url (PIE.htc);指定到htc文件的位置就可以了(相对于html文档)。

示例:

包括圆角,阴影和渐变三种效果。

.pie { 　　宽度:200 px,, 　　身高:100 px; 　　行高:100 px; 　　字体大小:14 px;, 　　边界:1 px  solid  # 669966;, 　　text-align:中心; 　　-webkit-border-radius: 8 px; 　　-moz-border-radius: 8 px; 　　border - radius: 8 px; 　　-webkit-box-shadow: # 666666, 0, 2 px  3 px; 　　-moz-box-shadow: # 666666, 0, 2 px  3 px ; 　　不必:# 666666,0,2 px  3 px ; 　　背景:,-webkit-gradient(线性,0,0,0,,,从(# EEFF99), (# 66 ee33)),,,, 　　背景:,-webkit-linear-gradient (# EEFF99,, # 66 ee33),,,, 　　背景:,-moz-linear-gradient (# EEFF99,, # 66 ee33),, 　　-pie-background:线性渐变(# EEFF99,, # 66 ee33),, 　　行为:,url (PIE.htc); 　　位置:相对; 　　z - index: 10; 　　}

效果图:

感谢你能够认真阅读完这篇文章,希望小编分享css3中如何使用派内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

css3中如何使用馅饼