-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathCalculadora.html
117 lines (95 loc) · 2.07 KB
/
Calculadora.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!doctype html>
<html>
<head>
<title>Calculadora</title>
</head>
<body>
<style>
body{
position:absolute;
}
div#calculadora{
background-color: blue;
width:44%;
margin:auto;
padding-top:10%;
padding-left:1%;
padding-right:1%;
padding-bottom:4%;
border-radius:10%;
border:solid;
-moz-border-radius: 10%;
-webkit-border-radius: 10%;
}
table{
border-collapse: separate;
border-spacing: 5;
}
p{
font-size:130%;
font-weight:bold;
}
td{
width:20%
display: flex;
font-weight:bold;
height:25%;border-radius:25%;
box-shadow: 2% 2% 2% 1% rgba(102, 33, 0, 0.5);
text-align:left;
}
input:hover{
background-color:green;
}
input:active{
background-color:yellow;
color: black;
font-weight:bold;
}
input{
#all inputs
border:1px;
background-color:rgb(128,128,255);
color:white;
width:30px;
border-radius:15%;
}
div #marca{
color:white;
position:relative;
text-align:center
}
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type=number] {
-moz-appearance: textfield;
appearance: textfield;
}
input.in{
background-color:white;
width:130px;
margin:auto;
color:black;
text-align:center;
box-shadow: 2% 2% 2% 1% rgba(102, 33, 0, 0.5);
}
</style>
<p>Calculadora para operações basicas</p>
<div id = 'calculadora'>
<div id='marca'>
Calculator
</div>
<input class = 'in' type ='number'>
<table width='100px',height ='100px'>
<tr><td><input type= 'button' value='1'></td><td><input type= 'button' value='2'></td>
<td><input type= 'button' value='3'></td><td><input type= 'button' value='-'></td></tr>
<tr><td><input type= 'button' value='4'></td><td><input type= 'button' value='5'></td>
<td><input type= 'button' value='6'></td><td><input type= 'button' value='+'></td></tr>
<tr><td><input type= 'button' value='7'></td><td><input type= 'button' value='8'></td>
<td><input type= 'button' value='9'></td><td><input type= 'button' value='*'></td></tr>
<tr><td><input type= 'button' value='.'></td><td><input type= 'button' value='0'></td><td>
<input type= 'button' value='/'></td><td><input type= 'button' value='='></td></tr>
</table>
<div>
</body>
</html>