Plik*html
<!DOCTYPE html> <html> <head> <LINK href="sliu_z34.css" rel="stylesheet" type="text/CSS"> <title>układ 2</title> <meta charset="utf-8" /> <style type="text/css"> h1 { width: 400pt; height:2cm; font-size :5mm; padding : 20px; margin-left : 20%; border : 4px outset #adff2f; background : #00ff00; color : #808000; } h2 { width: 200pt; height: 3cm; padding : 30px; margin-left : 60%; border : 7px inset #FF0000; background : #dc143c; color : #fa8270; } div { width: 100%; height: 100%; } </style> </head> <body> <div> <h1>Bucki<br> szerokość 400pt wysokość 2cm<br> kolor trzech elementów Odcienie koloru zielonego<br> styl obramowania outset</h1> <h2>Oleksandr<br> szerokość 200pt wysokość 3cm kolor obramowania red #FF0000 <br> styl obramowania inset</h2> <h3>06<br> szerokość 300pt wysokość 4cm kolor obramowania fuchsia #FF00FF<br> styl obramowania dashed </h3> </div> </body> </html> <!--Oleksandr Sliusarenko-->
Plik*css
h3 { width: 300pt; height: 4cm; padding : 20px; margin-left : 18%; border : 10px dashed #FF00FF; background : #ff69b4; color : #ffc0cb; }