Update calculator.html

Akshay930git · web-flow · commit 0ffe9f601fcb · 2020-10-01T09:38:59.000+05:30
diff --git a/calculator.html b/calculator.html
@@ -27,13 +27,15 @@
          margin-bottom: 10px; 
          text-align:center; 
          width: 210px; 
-         color:green; 
+         color:rgb(0, 0, 0); 
          border: solid black 2px; 
+         padding: 3px 33px 4px 24px;
+          
          } 
   
          input[type="button"] 
          { 
-         background-color:green; 
+         background-color:rgb(238, 207, 219); 
          color: black; 
          border: solid black 2px; 
          width:100% 
@@ -45,26 +47,31 @@
          border: solid black 2px; 
          width:100% 
          } 
+        .border{
+            border: 2px;
+            color: black;
+        }
       </style> 
    </head> 
    <!-- create table -->
    <body> 
-      <div class = title >HTML Calculator</div> 
-      <table border="1"> 
-         <tr> 
-            <td colspan="3"><input type="text" id="result"/></td> 
-            <!-- clr() function will call clr to clear all value -->
-            <td><input type="button" value="c" onclick="clr()"/> </td> 
-         </tr> 
-         <tr> 
-            <!-- create button and assign value to each button -->
-            <!-- dis("1") will call function dis to display value -->
-            <td><input type="button" value="1" onclick="dis('1')"/> </td> 
-            <td><input type="button" value="2" onclick="dis('2')"/> </td> 
-            <td><input type="button" value="3" onclick="dis('3')"/> </td> 
-            <td><input type="button" value="/" onclick="dis('/')"/> </td> 
-         </tr> 
-         <tr> 
+       <div class="border">
+           <div class = title >HTML Calculator</div> 
+             <table border="1"> 
+               <tr> 
+                   <td colspan="3"><input type="text" id="result"/></td> 
+                   <!-- clr() function will call clr to clear all value -->
+                   <td><input type="button" value="c" onclick="clr()"/> </td> 
+               </tr> 
+             <tr> 
+               <!-- create button and assign value to each button -->
+               <!-- dis("1") will call function dis to display value -->
+               <td><input type="button" value="1" onclick="dis('1')"/> </td> 
+               <td><input type="button" value="2" onclick="dis('2')"/> </td> 
+               <td><input type="button" value="3" onclick="dis('3')"/> </td> 
+               <td><input type="button" value="/" onclick="dis('/')"/> </td> 
+             </tr> 
+            <tr> 
             <td><input type="button" value="4" onclick="dis('4')"/> </td> 
             <td><input type="button" value="5" onclick="dis('5')"/> </td> 
             <td><input type="button" value="6" onclick="dis('6')"/> </td> 
@@ -83,6 +90,7 @@
             <td><input type="button" value="=" onclick="solve()"/> </td> 
             <td><input type="button" value="*" onclick="dis('*')"/> </td> 
          </tr> 
-      </table> 
-   </body> 
-</html>    
+    </div>
+    </table> 
+</body> 
+</html>    
