clipping-2.html (581B)
1 <!doctype html> 2 <html><head> 3 <title>Border clipping</title> 4 <style> 5 .div1 { width: 50px; height: 50px; 6 border: 4px dotted black; 7 border-radius: 10px; 8 position: fixed; 9 background: red; 10 left: 50px; 11 top: 50px; 12 background-clip: padding-box; 13 } 14 15 .div2 { width: 50px; height: 50px; 16 border: 4px dotted black; 17 border-radius: 10px; 18 position: fixed; 19 background: red; 20 left: 50px; 21 top: 140px; 22 background-clip: border-box; 23 } 24 25 </style> 26 </head> 27 <body> 28 <div class="div1"/> 29 <div class="div2"/> 30 </body></html>