border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(/pie/PIE.htc);
<!--
PIE: CSS3 rendering for IE
Version 2.0beta1
http://css3pie.com
Dual-licensed for use under the Apache License Version 2.0 or the General Public License (GPL) Version 2.
-->
<PUBLIC:COMPONENT lightWeight="true">
<!-- saved from url=(0014)about:internet -->
<PUBLIC:ATTACH EVENT="oncontentready" FOR="element" ONEVENT="init()" />
<PUBLIC:ATTACH EVENT="ondocumentready" FOR="element" ONEVENT="init()" />
<PUBLIC:ATTACH EVENT="ondetach" FOR="element" ONEVENT="cleanup()" />
<script type="text/javascript">
var d=element,g=d.document,j=g.documentMode||0;
!window.PIE&&j<10&&function(){var a={},k,i,b,l,h;window.PIE={attach:function(c){a[c.uniqueID]=c},detach:function(c){delete a[c.uniqueID]}};b=g.createElement("div");b.innerHTML="<!--[if IE 6]><i></i><![endif]--\>";l=b.getElementsByTagName("i")[0];if(b=g.location.href.match(/pie-load-path=([^&]+)/))b=decodeURIComponent(b[1]);b||(b=g.documentElement.currentStyle.getAttribute((l?"":"-")+"pie-load-path"));if(!b){k=/BEHAVIOR: url\(([^\)]*PIE[^\)]*)/i;i=function(c){for(var f=c.length,e;f--;)if(e=(e=c[f].cssText.match(k))?
e[1].substring(0,e[1].lastIndexOf("/")):i(c[f].imports))break;return e};b=i(g.styleSheets)}if(b){h=g.createElement("script");h.onreadystatechange=function(){var c=window.PIE,f=h.readyState,e;if(a&&(f==="complete"||f==="loaded"))if("version"in c){for(e in a)a.hasOwnProperty(e)&&c.attach(a[e]);a=0}};h.src=b+"/PIE_IE"+(j<9?"678":"9")+".js";(g.getElementsByTagName("head")[0]||g.body).appendChild(h)}}();function init(){if(g.media!=="print"){var a=window.PIE;a&&a.attach(d)}}
function cleanup(){if(g.media!=="print"){var a=window.PIE;a&&a.detach(d)}d=0}d.readyState==="complete"&&init();
</script>
<script type="text/vbscript"></script>
</PUBLIC:COMPONENT>
http://css3pie.com/
<div style="width:300px;height:300px;-webkit-border-radius: 99px;-moz-border-radius: 99px;border-radius: 99px;background-color:#E3A20B;">Just modify width and height values to get what you need...</div>
http://cssround.com/
留言列表
