1 <style> 2 #yet_another{ 3 border:1px solid #000; 4 background-color:#ccc; 5 padding:5px; 6 height:100px; 7 width:400px; 8 text-align:center; 9 } 10 #up_another{ 11 border:1px solid #000; 12 background-color:#ccc; 13 padding:5px; 14 height:100px; 15 width:400px;; 16 text-align:center; 17 } 18 19 #capsule_round { 20 width:100px; height:100px; background:#FA0; 21 padding:10px; 22 text-align:center; 23 padding-top:100px; 24 } 25 #totally_round { 26 width:100px; height:100px; background:#FA0; 27 padding:10px; 28 text-align:center; 29 30 } 31 </style> 32 <script src="DD_roundies_0.0.2a-min.js"></script> 33 <script> 34 /* EXAMPLES */ 35 /* varying radii, "all" browsers */ 36 DD_roundies.addRule('#yet_another', '10px', true); 37 DD_roundies.addRule('#up_another', '10px 10px 0px 0px', true); 38 DD_roundies.addRule('#capsule_round', '10000px', true); 39 DD_roundies.addRule('#totally_round', '10000px', true); 40 </script> 41 42 <body> 43 44 <div id="yet_another"> 45 Rounding box with 10px radius 46 </div> 47 <br/> 48 <br/> 49 <div id="up_another"> 50 Rounding box with upper round 10px radius 51 </div> 52 <br/> 53 <br/> 54 <div id="capsule_round"> 55 Capsule Round 56 </div> 57 <br/> 58 <br/> 59 <div id="totally_round"> 60 Total Round 61 </div>