|
table {
width: 80%;
border-collapse: collapse;
margin: 20px auto;
background-color: #f8f8f8;
}
td {
border: 1px solid #ddd;
padding: 30px; /* Aumento della spaziatura interna per centrare meglio il numero */
text-align: center;
font-size: 30px; /* Dimensione del testo aumentata */
font-family: Arial, sans-serif;
cursor: pointer; /* Cambia il cursore per indicare che è cliccabile */
}
.selected {
background-color: red; /* Sfondo rosso per i numeri selezionati */
color: white; /* Testo bianco per i numeri selezionati */
}
button {
display: block;
margin: 20px auto;
padding: 10px 20px;
font-size: 20px;
cursor: pointer;
}