Gruppi di pulsanti verticali
Codice HTML
<div class="btn-group"> <button>Apple</button> <button>Samsung</button> <button>Sony</button> </div>
Codice CSS
.btn-group button { background-color: #4CAF50; /* Green background / border: 1px solid green; / Green border / color: white; / White text / padding: 10px 24px; / Some padding / cursor: pointer; / Pointer/hand icon / width: 150px; / larghezza pulsanti / display: block; / Make the buttons appear below each other */ }.btn-group button:not(:last-child) { border-bottom: none; /* Prevent double borders */ }
/* Add a background color on hover */ .btn-group button:hover { background-color: #3e8e41; }