| <!DOCTYPE html> | |
| <meta charset="UTF-8"> | |
| <style> | |
| div { | |
| font-size: 3em; | |
| font-weight: bolder; | |
| } | |
| #affected1 { | |
| color: green; | |
| background-color: rgb(0, 255, 0, 0.5); | |
| } | |
| #affected2 { | |
| color: red; | |
| background-color: rgba(100, 0, 100, 0.5); | |
| } | |
| </style> | |
| <body><div><span id="affected1">Green on lime.</span><span id="affected2">Red on maroon.</span></div> |