gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added a brief description and bullet points. (#18718)

Browse Source
This commit is contained in:
CarolineGriffin
2018-10-15 19:06:57 +01:00
committed by Todd Chaffee
parent c8abc30c8d
commit 938a62008e
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/pages/guide/english/css/css-buttons/index.md
View File

@ -3,6 +3,8 @@ title: CSS Buttons
--- ---
## CSS Buttons ## CSS Buttons
CSS Buttons are a great way to add functional design features to your page.
* You can style any clickable button (HTML `<button>` element) * You can style any clickable button (HTML `<button>` element)
`<button>Click Me</button>` `<button>Click Me</button>`
@ -15,15 +17,15 @@ title: CSS Buttons
You can change several properties of a button in order to change its appearance. You can change several properties of a button in order to change its appearance.
To add shadows to the button use `box-shadow` property. * To add shadows to the button use `box-shadow` property.
To add transparency to a button for a disabled effect use the property `opacity`. * To add transparency to a button for a disabled effect use the property `opacity`.
To remove the margins and create a button group add `float:left/right` property. * To remove the margins and create a button group add `float:left/right` property.
To create a button group but with the borders, use `float` property and add a `border property`. * To create a button group but with the borders, use `float` property and add a `border property`.
To create a vertical group of buttons use display:`block property`. * To create a vertical group of buttons use display:`block property`.
### Button Color ### Button Color