edit buttons

This commit is contained in:
Manuel Prodinger
2022-03-16 12:04:35 +01:00
parent f04a3b5f9d
commit aaddbb6e56
+19 -9
View File
@@ -8,17 +8,15 @@
<style> <style>
.Mainbutton { .Mainbutton {
background-color: #0E7768; background-color: #0E7768;
color: white; color: white;
border: none; border: none;
border-radius: 25px; border-radius: 25px;
text-align: center; text-align: center;
font-size: 5px; font-size: 18px;
width: 40; width: 100px;
height: 10; height: 40px;
} }
.Mainbutton:hover { .Mainbutton:hover {
@@ -27,14 +25,16 @@
.Secondbutton{ .Secondbutton{
font-family: 'Quicksand';
font-style: normal;
background-color: #6FB98F; background-color: #6FB98F;
color: white; color: white;
border: none; border: none;
border-radius: 25px; border-radius: 25px;
text-align: center; text-align: center;
font-size: 5px; font-size: 18px;
width: 40; width: 100px;
height: 10; height: 40px;
} }
@@ -42,12 +42,22 @@
background-color: #397854; background-color: #397854;
} }
.input1{
width: 30;
height: 20;
border-radius: 5px;
border-color: black;
}
</style> </style>
</head> </head>
<body> <body>
<button class="Mainbutton">Button</button> <button class="Mainbutton">Button</button>
<br> <br>
<br>
<button class="Secondbutton">Q</button> <button class="Secondbutton">Q</button>
<br>
<br>
<input class="input1" type="text">
</body> </body>
</html> </html>