css3pie怎么用？下面本篇文章給大家介紹一下。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

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中文網 ！！

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的html pie标签,css3pie怎么用？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。