新聞中心
這篇文章主要為大家展示了“IE9下CSS3有哪些新功能”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“IE9下CSS3有哪些新功能”這篇文章吧。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、重慶小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了殷都免費(fèi)建站歡迎大家使用!
首先你得安裝IE9,,,,
如果你沒(méi)安裝IE9 beata,來(lái)這里試試。。。
http://windows.microsoft.com/en-US/internet-explorer/download/ie-9/worldwide
選擇語(yǔ)言和版本,
或者是FireFox3.1版本以上,Opera9.5版本以上。(我只是在IE9下面測(cè)試)。
1. border-radius屬性:
很好看的形狀不再需要image來(lái)實(shí)現(xiàn)啦。。我們看看如何讓一個(gè)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è)計(jì)出不錯(cuò)的形狀。
Css:
兩個(gè)div的顯示:
3. border-x-x-radius屬性
x代表top,right,left,bottom,想讓哪邊有圓角就可以把x設(shè)置為哪邊,例如top-right就是右上角,top-left就是左上角,。。。。。,另外后面還可以添加百分比來(lái)設(shè)置圓角的顯示弧度。
CSS:
效果:
4.background-clip+父子結(jié)構(gòu)的div使用
CSS+Html:
效果:
5.圓角文本輸入框
Css+Html:
效果:
6、CSS3使用border屬性畫(huà)圓畫(huà)方:
Css+Html:
以上是“IE9下CSS3有哪些新功能”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
分享題目:IE9下CSS3有哪些新功能
文章源于:http://ef60e0e.cn/article/jggssh.html