From e3fcbb18b4351ed88e96331782652bf31f45e187 Mon Sep 17 00:00:00 2001 From: chubby Date: Mon, 22 Nov 2021 17:42:32 +0300 Subject: [PATCH] add btn's --- index.html | 66 +++++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 55 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index c68cd33..d38f4b9 100644 --- a/index.html +++ b/index.html @@ -10,22 +10,24 @@ background-color: rgb(223, 223, 223); } - .table td{ + td { padding: 10px; border: 1px solid black; background-color: white; } .input{ + float: left; margin: 15px; } .btn { - display: inline-block; + float: left; padding: 10px; background-color: rgb(253, 253, 250); - border: 2px solid rgb(247, 247, 153); + border: 2px solid rgb(196, 195, 195); border-radius: 4px; + height: 55px; } .btn:hover{ @@ -33,25 +35,67 @@ } .container { - display: flex; - margin: 10px; + float: left; + padding-top: 15px; + width: 400px; + } + .color_element { + display: flex; + text-align: center; + flex-direction: column; + float: left; + margin: 0px 5px; + width: 50px; + + border-radius: 2px; + } + .color_button{ + + width: 50px; + height: 27px; + border-radius: 2px; + } + + .del_btn{ + + height: 27px; + background-color: white; + border: none; + } + .icon { + font-size:30px; + } + .main { + margin: 15px; + } + + .del{ + opacity: 0; + font-size: 20px; + } + .del:hover{ + opacity: 1; + } - - - --> + +
-
- container +
+ - + + +
+