The HTML CODE for the calculator
<!--calculator.html-->
<html>
<head>
<title>Calulator</title>
<style>
input[type=button]:hover
{
font-size:25;
color:red;
}
input[type=button]
{
border-color:olive;
border-radius:19px;
margin:3px;
width:85px;
height:85px;
font-size:18pt;
color:blue;
border-style:inset;
border-width:3pt;
background-color:pink;
}
div
{
height:auto;
width:420;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:19px;
border-style:solid;
padding:10px;
}
input[type=text]
{
width:370;
height:50px;
border-style:inset;
margin:5px;
border-radius:19px;
}
legend
{
text-align:left;
color:blue;
font-size:25pt;
}
</style>
</head>
<body>
<div>
<fieldset>
<legend>Sony</legend>
<input type=text > <br>
<input type=button value=ON>
<input type=button value=OFF>
<input type=button value=C>
<input type=button value=/><br>
<input type=button value=7>
<input type=button value=8>
<input type=button value=9>
<input type=button value=-><br>
<input type=button value=4>
<input type=button value=5>
<input type=button value=6>
<input type=button value=+><br>
<input type=button value=1>
<input type=button value=2>
<input type=button value=3>
<input type=button value=*><br>
<input type=button value=.>
<input type=button value=0>
<input type=button value=00>
<input type=button value==><br>
</fieldset>
</div>
<style>
</style>
</body>
</html>
0 Comments