Вторая запись за 5 минут, так как я увлекаюсь веб-дизайном и веб-разработками решил вам выложить одни урок который поможет вам создать кнопку с помощью стилей CSS3. Ссылка на исходные файлы и код приведены ниже.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> /* CUSTOM FONT */ @font-face { font-family: 'EfonRegular'; src: url('font/EFON-webfont.eot'); src: local('EfonRegular'), url('font/EFON-webfont.woff') format('woff'), url('font/EFON-webfont.ttf') format('truetype'), url('font/EFON-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } body { width: 400px; margin: 200px auto; background: #666; } .button { width: 400px; height: 100px; line-height: 100px; color: white; text-decoration: none; font-size: 50px; font-family: helvetica, arial; font-weight: bold; display: block; text-align: center; position: relative; /* BACKGROUND GRADIENTS */ background: #014464; background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.51, #014D71), to(#003E5C)); /* BORDER RADIUS */ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #368DBE; border-top: 1px solid #c3d6df; /* TEXT SHADOW */ text-shadow: 1px 1px 1px black; /* BOX SHADOW */ -moz-box-shadow: 0 1px 3px black; -webkit-box-shadow: 0 1px 3px black; box-shadow: 0 1px 3px black; } .button:hover { background: #014464; background: -moz-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c5f85), color-stop(.5, #0b5273), color-stop(.51, #024869), to(#003853)); } /* FONT GLYPH (MOSTLY FOR FUN) */ .button:before { font-family: EfonRegular; content: 'v'; color: #09232F; font-size: 90px; float: left; margin-left: 35px; margin-right: -10px; text-shadow: 0 1px 0 #4190AF; } </style> </head> <body> </body> </html>
Ссылка на исходные файлы: http://vital-school.ru/files/button.rar