返回列表 上一主題 發帖

[分享] css 圓角設定

[分享] css 圓角設定

最近蠻常在使用這個圓角效果的,

PO上來與大家分享討論:

[css]內容如下:
=======================================

/* 引用可讓ie-支援圓角的檔案 */
body{
             behavior: url(ie-css3.htc);
}

.btn{
            width:100px;
            padding:5;
            border:1px black solid;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background-color:black;
            color#ff9900;
            text-decoration:underline;

  }


[html]內容如下:
=======================================
<html>
<head>
<title>圓角效果</title>
</head>
<body>

<div class="btn">圓角效果</div>


</body>
</html>


顯示效果如下:

圓角效按鍵.jpg
2012-8-14 17:31


.ie-css3引用檔: ie-css3.rar (3.5 KB)
Learn Learn Learn

        靜思自在 : 君子立恆志,小人恆立志。
返回列表 上一主題