Kod do pliku html:
<!DOCTYPE html> <html> <head> <title>Al-Sughari</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- Alexander Al-Sughari 1P 16.04.2021 --> <link href="../css/zadanie60_alsu.css" rel="stylesheet" type="text/CSS"> </head> <body> <div id="blok1_Al-Sughari">Blok 1 Alexander Al-Sughari</div> <div id="blok2_Al-Sughari">Blok 2 Alexander Al-Sughari</div> <div id="blok3_Al-Sughari">Blok 3 Alexander Al-Sughari</div> <!-- hover; -> zmiany pewnych elementów po najechaniu na nie myszką Alexander Al-Sughari --> </body> </html>
Kod do pliku css:
/* Alexander Al-Sughari 1P 16.04.2020 */ div#blok1_Al-Sughari { width: 601px; background-color: #228B22; } div#blok2_Al-Sughari { width: 601px; background-color: #228B22; } div#blok3_Al-Sughari { width: 601px; background-color: #228B22; } div#blok1_Al-Sughari:hover { background-color: #E00000; font-size: 20mm; } div#blok2_Al-Sughari:hover { background-color: #C0C0C0; font-size: 20mm; } div#blok3_Al-Sughari:hover { background-color: #0096FF; font-size: 20mm; } /* hover; -> zmiany pewnych elementów po najechaniu na nie myszką Alexander Al-Sughari */
Darmowy hosting
zapewnia PRV.PL