css button generator

1<a href="#" class="myButton">green</a>
2
3.myButton {
4	background-color:#44c767;
5	border-radius:28px;
6	border:1px solid #18ab29;
7	display:inline-block;
8	cursor:pointer;
9	color:#ffffff;
10	font-family:Arial;
11	font-size:17px;
12	padding:8px 38px;
13	text-decoration:none;
14	text-shadow:0px 1px 0px #2f6627;
15}
16.myButton:hover {
17	background-color:#5cbf2a;
18}
19.myButton:active {
20	position:relative;
21	top:1px;
22}
23
24        

1<!-- The <button> tag produces a button. Place the text/media you want to be
2	on the button by placing it between the opening and closing tags: -->
3
4<button>Click me!</button>
5
6<!-- It is possible to add attributes, such as 'id' and 'type', into the 
7	opening tag, just like most other elements: -->
8
9<button id="submitButton" type="submit">Click here to submit!</button>