ie支持css3圆角、渐变、阴影代码,Css代码库,德仔网

代码语言

代码分类

【Css】 ie支持css3圆角、渐变、阴影

作者: / 发布于2016/6/14/ 723

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PIE完美支持ie常见CSS3渲染实例（圆角、阴影、渐变)</title>
<style>
.shadow{
        width: 200px;
        height: 80px;
        border:none;
        text-align: center;
        line-height: 80px;
        margin-bottom: 10px;
        color: White;
        font-size: 20px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: #666 0px 2px 3px;
        -moz-box-shadow: #666 0px 2px 3px;
        box-shadow: #666 0px 2px 3px;
        background: #FF99AF;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF99AF), to(#CDEE33));
        background: -webkit-linear-gradient(#FF99AF, #CDEE33);
        background: -moz-linear-gradient(#FF99AF, #CDEE33);
        background: -ms-linear-gradient(#FF99AF, #CDEE33);
        background: -o-linear-gradient(#FF99AF, #CDEE33);
        background: linear-gradient(#FF99AF, #CDEE33);
        -pie-background: linear-gradient(#FF99AF, #CDEE33);
        behavior: url(PIE/PIE.htc);  
       
    }
</style>
</head>

<body>

    <input type="submit" class="shadow" value="CSS3属性（圆角、阴影、渐变、文字阴影）" />


</body>
</html>

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label