greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

pull/19340/head
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
Show Stats 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 are a great way to add functional design features to your page.
* You can style any clickable button (HTML `<button>` element)
`<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.
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