建站
咨詢
售后
建站咨詢
新聞中心
無意中看到CSS3的強大功能，比較感興趣，分享下先。。。呵呵
創(chuàng)新互聯(lián)專注于謝通門網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供謝通門營銷型網(wǎng)站建設(shè)，謝通門網(wǎng)站制作、謝通門網(wǎng)頁設(shè)計、謝通門網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)服務(wù)，打造謝通門網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供謝通門網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
首先你得安裝IE9,,,,
如果你沒安裝IE9 beata,來這里試試。。。
http://windows.microsoft.com/en-US/internet-explorer/download/ie-9/worldwide
選擇語言和版本，
或者是FireFox3.1版本以上，Opera9.5版本以上。(我只是在IE9下面測試)。
1. border-radius屬性:
很好看的形狀不再需要image來實現(xiàn)啦。。我們看看如何讓一個DIV顯示為不規(guī)則。并在里面存放一些文本。使用CSS3中的border-radius屬性：
- div
- {
- border: solid black;
- border-radius: 40px;
- height: 1in;
- width: 2in;
- overflow: hidden;
- }
div顯示：
2.background-clip屬性：
background=clip結(jié)合border-radius使用，可以設(shè)計出不錯的形狀。
Css:
兩個div的顯示：
3. border-x-x-radius屬性
x代表top,right,left,bottom，想讓哪邊有圓角就可以把x設(shè)置為哪邊，例如top-right就是右上角，top-left就是左上角，。。。。。，另外后面還可以添加百分比來設(shè)置圓角的顯示弧度。
CSS：
效果：
4.background-clip+父子結(jié)構(gòu)的div使用
CSS+Html:
效果：
5.圓角文本輸入框
Css+Html:
效果：
6、CSS3使用border屬性畫圓畫方：
Css+Html:
確實很強大，以后很多的圖片都可以用CSS來取代了。。。。。。而且不需要為了一個圓角寫那么多CSS和js了。
文章題目：IE9下CSS3多種新功能嘗鮮
本文來源：http://www.5511xx.com/article/dhpcich.html
