html做轮播图的圆角矩形,div+css制作圆角矩形的原理示例解读

复制代码代码如下:

div+CSS圆角矩形

body{padding: 20px;background-color: #FFF;font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}

div#nifty{ margin: 0 10%;background: #9BD1FA}

p {padding:10px}

div.rtop, div.rbottom{display:block;background: #FFF}

div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}

div.r1{margin: 0 5px}

div.r2{margin: 0 3px}

div.r3{margin: 0 2px}

div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 2px}

这是您要放的内容！