Sunday, August 19, 2012

Example to modify button style using CSS

modify button style using CSS


<html>
<head>
<meta name = "viewport" content = "width = device-width, height = device-height" />
<title>Mobile-Web-App: Button</title>

<style type="text/css">
button#cssbutton {
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #F0F0F0), color-stop(1.0, #808080));
 border-radius: 15px;
 box-shadow: 0 0 4px #303030;
 width: 100%;
 padding: 5px;
 border: 1px solid black;
 
}
</style>
</head>
<body>
<button type="button">Simple Button</button>
<button id="cssbutton" type="button">Styled Button</button>
</body>
</html>



No comments:

Post a Comment