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; }