CSS Button Design
CSS Button Design
<!DOCTYPE html>
<html>
<head>
<style>
input#submit
{
width: 90px;
height: 40px;
background: white;
border:none;
box-sizing:border-box;
padding:10px 12px;
font-size:18px;
color:green;
border-radius:10px;
border:solid 2px green;
box-shadow:1px 1px 1px green,
2px 2px 1px green,
3px 3px 1px green,
4px 4px 1px green,
5px 5px 1px green;
}
</style>
</head>
<body>
<input id="submit" type="submit" value="Submit">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
input#submit
{
width: 90px;
height: 40px;
background: white;
border:none;
box-sizing:border-box;
padding:10px 12px;
font-size:18px;
color:green;
border-radius:10px;
border:solid 2px green;
box-shadow:1px 1px 1px green,
2px 2px 1px green,
3px 3px 1px green,
4px 4px 1px green,
5px 5px 1px green;
}
</style>
</head>
<body>
<input id="submit" type="submit" value="Submit">
</body>
</html>
Comments
Post a Comment