毛片不卡永久免费无码,国精品片在线视频,桃色国产精品站一桃色阁,亚洲黄色av成人在线观看,91总久久久国产精品,有奶水哺乳期无码AVAV,一区二区视频国产电影在线,日韩欧洲无码精品直播久久

知識(shí)分享

網(wǎng)頁設(shè)計(jì)的CSS3圓角效果

發(fā)表日期：2020/9/11 17:29:36 文章編輯： 瀏覽次數(shù)：2665

CSS3圓角效果

以往在網(wǎng)頁設(shè)計(jì)的時(shí)候，要做圓角都要很辛苦的做圖片，我們一開始介紹了制作圓角的方便網(wǎng)站，后來我們又介紹了使用Javascript制作圓角的方法，今天來跟大家介紹CSS3的圓角效果，更快更方便，不過前提是瀏覽者使用夠新的瀏覽器:)
目前各瀏覽器最新版本都支援CSS3的圓角效果，下面列出各瀏覽器在小邊寫這篇文章時(shí)最新版本的載點(diǎn)：
Firefox 7.0 Google Chrome 14 IE 9 Opera 11 Safri 5 (上面的清單是按照字母排序的，雖然剛好和小編的使用頻率一樣XD)，大家快去更新吧，為了更好的瀏覽效果!

DEMO范例

圓角示范

語法說明

只需要在CSS里面加入下面這兩行就可以了

border-radius:25px; -moz-border-radius:25px; /* Firefox 3.6 and earlier */

也可以做一些變化，填入不同的圓角半徑，分別是代表左上右上右下左下

border-radius:40px 30px 40px 10px;
-moz-border-radius:40px 30px 40px 10px; /* Firefox 3.6 and earlier */

各圓角不同示范 

參考連結(jié): W3Cschools


將文章分享到..
全新新聞
隨機(jī)新聞
最新網(wǎng)站設(shè)計(jì)案例
Hi，我來幫您！