使用css實現圓角圖形繪制技巧介紹

我們為大家收集整理了關於使用css實現圓角圖形繪制，以方便大家參考。XML/HTML Code復制內容到剪貼板Flex is a cross-platform development framework for creating rich Internet applications (RIAs). Flex enables you to create expressive, high-performance applications that run identically on all major browsers and operating systems.

 

 

 

 

 

 

 

 

css

CSS Code復制內容到剪貼板

body{background-color:#000;}

.curvedBox{

width:300px;

margin: 2510px auto 0;

}

.curvedBox .r1,.curvedBox .r2,.curvedBox .r3,.curvedBox .r4{

background-color:#fff;

display:block;

overflow:hidden;

height:1px;

font-size:1px;

}

.curvedBox .r2,.curvedBox .r3,.curvedBox .r4{

border-width:0 1px;

border-left:1px solid #fff;

border-right:1px solid #fff;

}

.curvedBox .r1{margin:0 6px;}

.curvedBox .r2{margin:0 3px;}

.curvedBox .r3{margin:0 2px;}

.curvedBox .r4{

margin:0 1px;

height:2px;

}

.curvedBox .content{

background:#fff;

border-left:1px solid #fff;

border-right:1px solid #fff;

padding:0 5px;

}

希望大家可以學會使用css實現圓角圖形繪制.想了解更多精彩內容，請關注我們的網站!

相關推薦：

CSS的DRY編程方式介紹