Appunti
Menu
Internet e Web - introduzione
Protocolli
Server Web
Ide e Text Editor
Sicurezza
PHP
Esercizi
Link Esercizio 1
Link Esercizio 2
Link Esercizio 3
Esercizio N°2
<html> <head> <style> h1{ background-color: yellow; color: blue; } .tabellaStyle{ box-shadow: -3px -3px 10px silver; } .tabellaStyle td{ color:green; border: 1px solid grey; } .tabellaStyle th{ color:green; background: greenyellow; border: 1px solid grey; text-transform: lowercase; padding: 5px 15px; } .tabellaStyle input{ color:black; background: whitesmoke; border: 0px; font-weight: bold; font-size: 40px; } .tabellaStyle select{ color:black; background: whitesmoke; border: 0px; font-weight: bold; font-size: 40px; width: 250px; } .btnInvio{ border:0px ; background-color: orange; color:white; font-weight: bold; margin-left: 45%; font-size: 30px; margin-top:10px; margin-bottom: 10px; padding: 4px 10px; border-radius: 7px; } </style> </head> <body> <h1 align="center"> Tabella - Esempio </h1> <table class="tabellaStyle" align="center"> <tr> <th bgcolor="red" >Nome</th> <td colspan="3"> <input type="text" /> </td> </tr> <tr> <th bgcolor="red" >Cognome</th> <td colspan="3"> <input type="text" /> </td> </tr> <tr> <th bgcolor="red" >Genere</th> <td colspan="3"> <select class="" > <option disabled>Genere</option> <option>Maschio</option> <option>Femmina</option> </select> </td> </tr> <tr> <th >Interessi</th> <td> <input type="checkbox"> Calcio </td> <td> <input type="checkbox"> Karate </td> <td> <input type="checkbox"> Danza </td> </tr> <tr> <td colspan="4"> <button class="btnInvio">Invia Dati</button> </td> </tr> </table> </body> </html>