Create a Bordered Button Group with CSS



You can try to run the following code to create a bordered button group with border property

Example

Live Demo

<!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>Result</h2>       <p>Click below for result:</p>       <div class = "mybtn">          <button class = "btn">Result</button>          <button class = "btn">Result</button>          <button class = "btn">Result</button>          <button class = "btn">Result</button>          <button class = "btn">Result</button>       </div>    </body> </html>
Updated on: 2020-06-24T08:18:05+05:30

448 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements