(3 авг 2013, 22:12) (0/0)
[0]
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<title>Кнопки</title>
<style type=\"text/css\">
button.new {
background: -moz-linear-gradient(#00BBD6, #EBFFFF);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#00BBD6), to(#EBFFFF));
filter: progid
XImageTransform.Microsoft.gradient(startColorstr=\'#00BBD6\', endColorstr=\'#EBFFFF\');
padding: 3px 7px;
color: #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #666;
}
</style>
</head>
<body>
<form action=\"\">
<p><button>Исходная кнопка</button></p>
<p><button class=\"new\">Новая кнопка</button></p>
</form>
</body>
</html>
Добавлено 03.08.13 в 22:14:22:
http://htmlbook.ru/blog/delaem-stilnye-knopki
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<title>Кнопки</title>
<style type=\"text/css\">
button.new {
background: -moz-linear-gradient(#00BBD6, #EBFFFF);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#00BBD6), to(#EBFFFF));
filter: progid
XImageTransform.Microsoft.gradient(startColorstr=\'#00BBD6\', endColorstr=\'#EBFFFF\');padding: 3px 7px;
color: #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #666;
}
</style>
</head>
<body>
<form action=\"\">
<p><button>Исходная кнопка</button></p>
<p><button class=\"new\">Новая кнопка</button></p>
</form>
</body>
</html>
Добавлено 03.08.13 в 22:14:22:
http://htmlbook.ru/blog/delaem-stilnye-knopki
- 1 из 1
