<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>纯CSS实现圆角，比CSS3兼容性更好</title> <style> .wrap{font:14px Arial,sans-serif; color:#fff;} .wrap .divide{height:20px;} .slidingDoorMethod{width:350px; height:32px; background:url('images/roundBox_left.gif') left top no-repeat;} .slidingDoorMethod .inner{line-height:32px; margin:0 0 0 6px; padding:0 0 0 10px; background:url('images/roundBox_slidingDoor_right.gif') right top no-repeat;} </style> </head> <body> <div class="wrap"> <div class="slidingDoorMethod"> <div class="inner">实例3</div> </div> </div> </body> </html> <!-- 文章来源：纯CSS实现圆角样式的4种写法，比CSS3兼容性更好 http://www.webkaka.com/tutorial/html/2017/072429/ //-->
卡卡测速网
>
html技术
>
纯CSS实现圆角样式的4种写法，比CSS3兼容性更好
添加收藏
下载源代码
|
运行结果
demo.html
运行代码
27
//-->
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX