| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| div { | |
| background-image: url("data:image/svg+xml, \ | |
| <svg xmlns='http://www.w3.org/2000/svg'> \ | |
| <rect width='75' height='75' fill='yellow'/> \ | |
| <rect width='50' height='50' fill='lime'/> \ | |
| <rect width='25' height='25' fill='red'/> \ | |
| </svg>"); | |
| width: 75px; | |
| height: 75px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| <div></div> | |
| </body> | |
| </html> |