강상위 / db-frs

Go to a project
Toggle navigation Toggle navigation pinning
김혜림
809c9d0a 1 parent 1cd17d0e

fourth commit

Inline Side-by-side
Showing 3 changed files with 117 additions and 7 deletions
......@@ -65,11 +65,21 @@ input[type=submit] {
box-sizing: border-box;
border: 3px solid rgb(251, 199, 205);
border-radius: 4px;
font-size: 20px;
font-size: 25px;
font-family: '배달의민족 도현';
background-color: rgb(251, 199, 205);
padding: 10px 10px 10px 10px;
}
input[type=datetime-local] {
width: 320px;
box-sizing: border-box;
border: 3px solid rgb(191, 191, 191);
border-radius: 4px;
font-size: 18px;
font-family: '배달의민족 도현';
background-color: rgb(230, 243, 255);
padding: 10px 10px 10px 20px;
}
#btn1 {
width: 147px;
height: 60px;
......@@ -112,6 +122,10 @@ input[type=submit] {
border: solid 5px rgb(230, 243, 255);
background-image: url('back-arrow.png');
}
form {
font-family: '배달의민족 도현';
font-size:20px;
}
</style>
......@@ -125,11 +139,15 @@ input[type=submit] {
<center><select id="select1"><option>선택1<option>선택2<option>선택3</select></center><br>
<center><select id="select2"><option>선택1<option>선택2<option>선택3</select>&nbsp;<input type="number" name="quantity" min="1" max="5"></center><br>
<center><input type="text" placeholder="시작 시간 입력"></center><br>
<center><input type="text" placeholder="종료 시간 입력"></center><br><br><br>
<form action="/action_page.php">
<center>시작 시간<br><br><input type="datetime-local" name="bdaytime"></center><br>
<center>종료 시간<br><br><input type="datetime-local" name="bdaytime"></center><br>
</form>
<br>
<center><input type="submit" value="검색"></center>
<br><br><br>
<center><img width="100;" height="70;" align="bottom;" src="khu.png"/></center>
</form>
......
......@@ -35,7 +35,6 @@ input[type=password] {
transition: 0.5s;
outline: none;
margin-right: 7px;
font-family: '배달의민족 도현';
}
input[type=password]:focus {
border: 3px solid #555;
......@@ -80,8 +79,8 @@ h2 {
<center><button id="btn1">로그인</button></center><br>
<center><button id="btn2">회원가입</button></center><br>
<!--<center><button class="btn;" id="btn;" type="submit;"><img width="120;" height="45;" class="btn-img" src="로그인.png"></button></center><br>
<center><button class="btn;" id="btn;" type="submitl"><img width="150;" height="47;" class="btn-img" src="회원가입.png"></button></center><br>-->
<br>
<img width="100;" height="70;" align="bottom;" src="khu.png"/>
</form>
......
<!DOCTYPE html>
<html>
<head>
<title>회원가입화면</title>
</head>
<style>
body {
background-color: rgb(230, 243, 255);
line-height: 30%;
}
img {
display:block;
margin:auto;
}
input[type=text] {
width: 20%;
padding: 12px 20px;
box-sizing: border-box;
border: 3px solid #ccc;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
font-family: '배달의민족 도현';
}
input[type=text]:focus {
border: 3px solid #555;
}
input[type=password] {
width: 20%;
padding: 12px 20px;
box-sizing: border-box;
border: 3px solid #ccc;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
margin-right: 7px;
}
input[type=password]:focus {
border: 3px solid #555;
}
#btn1 {
width: 120px;
height: 45px;
font-size:25px;
font-family: '배달의민족 도현';
color: gray;
background: white;
border: solid 5px white;
border-radius: 5px;
}
#btn2 {
width: 150px;
height: 47px;
font-size:25px;
font-family: '배달의민족 도현';
color: gray;
background: white;
border: solid 5px white;
border-radius: 5px;
}
h2 {
font-family: '배달의민족 도현';
}
</style>
<body>
<br>
<img style="border-radius:15px;" width="300px;" src="캡처6.png"/>
<form>
<br>
<center><H2>ID&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input style="border-radius:10px;" type="text" name="id" placeholder="ID 입력" required><br></H2></center>
<center><H2>PW&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input style="border-radius:10px;" type="password" name="password" placeholder="비밀번호 입력" required><br></H2></center>
<center><H2>이름&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input style="border-radius:10px;" type="text" name="name" placeholder="사용자 이름 입력" required><br></H2></center>
<center><H2>메일주소&nbsp;<input style="border-radius:10px;" type="text" name="email" placeholder="메일주소 입력" required><br></H2></center>
<center><H2>부서 ID&nbsp;&nbsp;&nbsp;<input style="border-radius:10px;" type="text" name="depid" placeholder="부서 ID 입력" required><br></H2></center>
<br>
<center><button id="btn2">회원가입</button></center><br>
<!--<center><button class="btn;" id="btn;" type="submit;"><img width="120;" height="45;" class="btn-img" src="로그인.png"></button></center><br>
<center><button class="btn;" id="btn;" type="submitl"><img width="150;" height="47;" class="btn-img" src="회원가입.png"></button></center><br>-->
<img width="100;" height="70;" align="bottom;" src="khu.png"/>
</form>
</body>
</html>
\ No newline at end of file