| <!DOCTYPE html> | |
| <style> | |
| div { | |
| background-image: -webkit-repeating-linear-gradient(top left, white, blue 90px); | |
| background-origin: content-box; | |
| } | |
| #a { | |
| padding: 0.1px; | |
| width: 99.8px; | |
| height: 99.8px; | |
| } | |
| #b { | |
| border: 1.1px solid black; | |
| width: 97.8px; | |
| height: 97.8px; | |
| } | |
| </style> | |
| <div id=a></div> | |
| <div id=b></div> | |
| The gradients should fill the entire boxes and not repeat. |