HTML - Button

> (World Wide) Web - (W3|WWW) > HyperText markup Language (HTML)

1 - About

How to create a button.


3 - Type

3.1 - HTML element button

3.2 - Css

<div id="my-button">Click me</div>
#my-button {
        padding: 10px 16px; 
        border: 1px solid; 
        border-radius: 6px; 
        background-color: #31b0d5; 
        color: white; 
        text-align: center; 
        display: inline-block;

3.3 - Bootstrap

Use the button classes on an <a>, <button>, or <input> element.


  • Button: btn
  • Color: btn-default, btn-primary, btn-success, btn-info, btn-warning, btn-danger, btn-primary,
  • Mode: btn-link
  • Size (per descendant order): btn-lg, No Class, btn-sm, btn-xs

<button type="button" class="btn btn-info btn-lg">Click me</button>

web/html/button.txt ยท Last modified: 2019/02/09 11:29 by gerardnico