The jquery plug in corner implements the method of rounded corner borders

2020-05-12 02:10:51
OfStack

The example in this article shows how the jquery plug-in corner implements a rounded border. Share with you for your reference. The details are as follows:

<!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> 

   <title>jQuery Corners</title> 

   <script type="text/javascript" src="jquery.js"></script> 

   <script type="text/javascript" src="jquery.corners.min.js"></script> 

   <script type="text/javascript"> 

   $( function(){$('.roundedd').corners();})  

   </script> 

   <style type="text/css"> 

   .roundedd  

   {  

      background-color:#eeeeee;  

   }  

   </style> 

</head> 

<body> 

<div style="" class="roundedd"> 

class="rounded {10px}"

</div> 

</body> 

</html>

Here we test 1 and find 1 problem. bug: if background-color :#eeeeee; Written background - color: red; Or background - color: yellow; No problem in firefox, if it is IE, you will not see the effect, so it is recommended to use the color RGB code.

The demo address is:

http://www.malsup.com/jquery/corner/

I hope this article has helped you with your jQuery programming.