Board logo

標題: [分享] css 圓角設定 [打印本頁]

作者: pix756    時間: 2012-8-14 17:32     標題: 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>


顯示效果如下:

[attach]12123[/attach]

.ie-css3引用檔:[attach]12121[/attach]




歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)