<h1>垂直按钮组</h1>

​

<div class="btn-group">

  <button>Apple</button>

  <button>Samsung</button>

  <button>Sony</button>

</div>

.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: 50%; /* Set a width if needed */

    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;

}