没错，就是用两句corner。当然你可以完全使用四个corner把各个角都自定义。
五、边框装饰 这是亮点，感谢一个名叫Kevin Scholl的家伙提出的这个建议，不过这的确是一个非常棒的提议。看代码吧：
<html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="https://www.jb51.net/js/jquery.corner.js"></script> <script type="text/javascript"> $(function(){ $("#mydiv p").corner('round 8px').parent().css('padding','8px').corner('round 14px'); }); </script> <style type="text/css"> #mydiv{ width:360px; background-color: #600; } #mydiv p{ width:350px; height:200px; background-color: #6af; } </style> </head> <body> <div> <div><P></p></div> </div> </body> </html>
就会这样：
这图是chrome下的效果，IE下还不一样，夜色很晚了，没时间调试深入发现问题的原因。
写的不少了，其实还有些功能样式没说，剩下的也并不常用，用到的时候大家看英文自学吧。
您可能感兴趣的文章: