Gruppi di pulsanti orizzontali
Codice HTML
<div class="btn-group"> <form method="get" action="URL_PAGINA_WEB"><button style="width:250px">Creare menĂ¹ con i CSS</button></form> <form method="get" action="URL_PAGINA_WEB"><button style="width:250px">Inserire immagini</button></form> <form method="get" action="URL_PAGINA_WEB"><button style="width:250px">Creare bottoni con i CSS</button></form> <form method="get" action="URL_PAGINA_WEB"><button style="width:250px">Creare forms con i CSS</button></form> <form method="get" action="URL_PAGINA_WEB"><button style="width:250px">Creare tabelle con i CSS</button></form> <form method="get" action="URL_PAGINA_WEB"><button style="width:250px">Altri elementi con i CSS</button></form> </div>
Codice CSS
.btn-group button { background-color: #4CAF50; border: 1px solid green; color: white; font: 18px Arial, Helvetica, sans-serif; padding: 10px 24px; cursor: pointer; float: left; }.btn-group button:not(:last-child) { border-right: none; /* Prevent double borders */ }
/* Clear floats (clearfix hack) */ .btn-group:after { content: ""; clear: both; display: table; }
/* Add a background color on hover */ .btn-group button:hover { background-color: #3e8e41; }