gradient-content-box-ref.html (326B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 #x { 7 width: 200px; 8 height: 200px; 9 border: 40px; 10 border-style: solid; 11 border-color: transparent; 12 background-image: repeating-linear-gradient(to bottom right, white, black, white 30px); 13 } 14 </style> 15 </head> 16 <body> 17 <div id="x"></div> 18 </body> 19 </html>