Padding: 0; margin: 0



Yüklə 18,34 Kb.
tarix17.09.2022
ölçüsü18,34 Kb.
#63740
body


body {

padding: 0;


margin: 0;


background-color: #21006f;


}

h1 {


text-align: center;


color: rgb(220,220,220);


font-size: 3em;


}

form {


margin-left: 35vw;


margin-top: 10vh;


width: 300px;


height: 400px;


padding: 20px;


background-color: rgb(10, 0, 46);


border-radius: 12px;


box-shadow: 5px 5px 15px 2px rgba(148, 148, 148, .1);


}

table {


padding: 5px 10px;


}

#display {


margin: 15px 10px;


padding: 10px 4px;


font-size: 28px;


width: 250px;


color: rgb(162, 162, 162);


border-radius: 10px;


box-shadow: 5px 5px 15px 2px rgba(148, 148, 148, .1);


}

input[type=button] {


font-family: sans-serif;


padding: 0;


width: 65px;


height: 65px;


font-size: 28px;


background-color: rgb(10, 0, 46);


color: #c4c4c4;


opacity: .8;


border: none;


box-shadow: 5px 5px 15px 2px rgba(148, 148, 148, .1);


}


input[type=button]:hover {

color: rgb(0, 214, 252);


box-shadow: 5px 5px 15px 2px rgba(34, 10, 255, .4);


background: rgb(2,0,36);


background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);


}


DOCTYPE html>











Calculator CSS









Simple Calculator











































































































Yüklə 18,34 Kb.

Dostları ilə paylaş:




Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©azkurs.org 2024
rəhbərliyinə müraciət

gir | qeydiyyatdan keç
    Ana səhifə


yükləyin