Register now or log in to join your professional community.
please answer completely
<style type="text/css">.button { background-color: #4CAF50; border: none; color: white; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px;}.button-radius {border-radius: 50%;}</style>
<button class="button button-radius">myButton</button>
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>.button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}.button1 {border-radius: 2px;}.button2 {border-radius: 4px;}.button3 {border-radius: 8px;}.button4 {border-radius: 12px;}.button5 {border-radius: 50%;}</style></head><body><h2>Rounded Buttons</h2><p>Add rounded corners to a button with the border-radius property:</p><button class="button button1">2px</button><button class="button button2">4px</button><button class="button button3">8px</button><button class="button button4">12px</button><button class="button button5">50%</button></body></html>
Seeing the bootstrap buttons and appling it to your code.
<button class="btn btn-default circle" >Click here</button
<button type="button" class="btn btn-default btn-circle">button</button>