Tạo nhóm nút bấm có viền (Bordered Button Group) với CSS

Giới thiệu

Bạn có thể thử mã sau để tạo nhóm nút bấm có viền với thuộc tính border:

Ví dụ

<!DOCTYPE html>
<html>
<head>
    <style>
        .btn {
            color: black;
            background-color: yellow;
            width: 120px;
            text-align: center;
            font-size: 15px;
            padding: 20px;
            float: left;
            border: 3px solid blue;
        }
        .mybtn {
            background-color: orange;
        }
    </style>
</head>
<body>
    <h2>Kết quả</h2>
    <p>Nhấn bên dưới để xem kết quả:</p>
    <div class="mybtn">
        <button class="btn">Kết quả</button>
        <button class="btn">Kết quả</button>
        <button class="btn">Kết quả</button>
        <button class="btn">Kết quả</button>
        <button class="btn">Kết quả</button>
    </div>
</body>
</html>