فرم login زیبا با html-css

Amir8118 · August 24, 2024

<html>

<head>

<title>Login</title>

</head>

<style>

body{

background-color: #071a42c2;

}

.login

{

width: 350px;

height: 360px;

background-color: rgb(12, 12, 12);

margin: 10% auto;

}

.username

{

width: 285px;

padding: 10px;

border-radius: 25px;

margin-left: 35px;

margin-top: 100px;

border: 3px solid green;

background-color: rgb(12, 12, 12);

text-align: center;

color: white;

}

.username:hover

{

box-shadow: 0px 0px 20px green;

}

.password:hover

{

box-shadow: 0px 0px 15px #2213ffd1;

}

.but1:hover

{

box-shadow: 0px 0px 10px green;

background-color: green;

}

.password

{

border-radius: 5px;

padding: 10px;

border-radius: 25px;

width: 200px;

margin-left: 77px;

margin-top: 22px;

border: 2px solid #2213ffd1;

background-color: rgb(12, 12, 12);

text-align: center;

color: white;

}

.but1

{

display: block;

margin: 10 auto;

margin-top: 20px;

background-color: rgb(12, 12, 12);

border-radius: 25px;

padding: 10px;

text-align: center;

color: white;

width: 110px;

border: 3px solid green;

}

.textlogin

{

color: white;

margin-left: 128px;

display: inline;

}

</style>

<body>

<h1 class="textlogin">LOGIN</h1>

</div>

</body>

</html>

Autonomic · January 29

خوبه بودش

ورود

فرم login زیبا با html-css

ارسال‌های توصیه شده

Amir8118

لینک به دیدگاه

به اشتراک گذاری در سایت های دیگر

Autonomic

لینک به دیدگاه

به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها

حمایت مالی

پشتیبانی