Front/HTML
HTML Step14
NOOWGNAJ
2022. 7. 8. 19:06
반응형
<html lang=ko>
<head>
<meta = charset="UTF-8">
<title>HTML4.0 2일차 8 응용문제</title>
<style>
body{
margin : 50px;
padding : 50px;
}
.box{
width: 365px;
height: 130px;
border : 1px solid black;
border-radius: 10px;
padding : 15px;
}
.ulcss{
list-style : none;
width : 350px;
height: 115px;
margin : 0px;
padding : 0px;
background-color: none;
}
.licss{
border: 0px solid black;
margin : 5px;
height: 35px;
width: 350px;
}
.email1{
width: 100px;
height: 35px;
}
.email2{
width: 220px;
height: 35px;
float : right;
}
.password{
width : 350px;
height: 35px;
}
.btn{
width: 350px;
height: 35px;
color: black;
}
</style>
</head>
<body>
<form>
<div class="box">
<ul class="ulcss">
<li class="licss"><input class="email1" type="text"> @<input class="email2" type="text"></li>
<li class="licss"><input class="password" type="password"></li>
<li class="licss"><input class="btn" type="submit" value="로그인"></li>
</ul>
</div>
</form>
</body>
</html>반응형