Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- .button {
- background-color: #4CAF50; /* Green */
- border: none;
- color: white;
- padding: 15px 32px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- }
- .button2 {background-color: #008CBA;} /* Blue */
- .button3 {background-color: #f44336;} /* Red */
- .button4 {background-color: #e7e7e7; color: black;} /* Gray */
- .button5 {background-color: #555555;} /* Black */
- </style>
- </head>
- <body>
- <h2>Button Colors</h2>
- <p>Change the background color of a button with the background-color property:</p>
- <button class="button">Green</button>
- <button class="button button2">Blue</button>
- <button class="button button3">Red</button>
- <button class="button button4">Gray</button>
- <button class="button button5">Black</button>
- </body>
- </html>
Add Comment
Please, Sign In to add comment