歡迎大家在這裡學習css實現圓角圖形繪制這裡是我們給大家整理出來的精彩內容。我相信,這些問題也肯定是很多朋友在關心的,所以我就給大家談談這個!
XML/HTML Code復制內容到剪貼板
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實現圓角圖形繪制內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!
相關推薦:
CSS3中使用RGBA設置透明度方法介紹