vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>HCL073 Farbverlauf</title> <style> #hinten { background-image: linear-gradient(75deg, red, orange, yellow, #FFC, white); width:21cm; height:2cm; margin:auto; border: 4px groove; } #austria { background-image: linear-gradient(red 100px, white 100px, white 200px, red 100px); width:400px; height:300px; margin:auto; border: 4px groove; } .schrift {margin-top:125px; font-size:50px; text-align:center;} </style> </head> <body> <div id="hinten"> </div> <div id="austria"><p class="schrift">Österreich</p></div> </body> </html>
