Showing
2 changed files
with
87 additions
and
0 deletions
first.css
0 → 100644
| 1 | +#container { | ||
| 2 | + width:600px; | ||
| 3 | + margin:10px auto; | ||
| 4 | + } | ||
| 5 | + fieldset { | ||
| 6 | + margin-bottom: 20px; | ||
| 7 | + } | ||
| 8 | + ul { | ||
| 9 | + list-style: none; | ||
| 10 | + padding-left: 0; | ||
| 11 | + } | ||
| 12 | + ul li { | ||
| 13 | + margin:10px; | ||
| 14 | + } | ||
| 15 | + | ||
| 16 | + .register {width: 200%;} | ||
| 17 | + | ||
| 18 | + .login {width: 200%;} | ||
| 19 | + | ||
| 20 | + /* label 텍스트 스타일 */ | ||
| 21 | + li label { | ||
| 22 | + width:120px; | ||
| 23 | + line-height: 36px; | ||
| 24 | + float:left; | ||
| 25 | + font-weight:bold; | ||
| 26 | + } | ||
| 27 | + | ||
| 28 | + /* 텍스트 필드 스타일 */ | ||
| 29 | + input[type="text"], input[type="password"], input[type="email"] { | ||
| 30 | + width:300px; | ||
| 31 | + height:30px; | ||
| 32 | + } | ||
| 33 | + | ||
| 34 | + /* 버튼 스타일 */ | ||
| 35 | + #buttons { | ||
| 36 | + width: 800px; | ||
| 37 | + margin:400px auto; | ||
| 38 | + text-align: center; | ||
| 39 | + } | ||
| 40 | + #buttons input { | ||
| 41 | + width: 500px; | ||
| 42 | + height:100px; | ||
| 43 | + font-size:20px; | ||
| 44 | + } | ||
| 45 | + #buttons input:hover { | ||
| 46 | + background-color:rgb(27, 134, 221); | ||
| 47 | + color:#fff; | ||
| 48 | + border-color:#fff; | ||
| 49 | + } | ||
| 50 | + | ||
| 51 | + /* 드롭다운 메뉴 스타일 */ | ||
| 52 | + select { | ||
| 53 | + width:100px; | ||
| 54 | + height:30px; | ||
| 55 | + } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
first.html
0 → 100644
| 1 | +<!DOCTYPE html> | ||
| 2 | +<html lang="ko"> | ||
| 3 | + <head> | ||
| 4 | + <script src="main.js"> </script> | ||
| 5 | + <meta charset="UTF-8"> | ||
| 6 | + <title>최초 창</title> | ||
| 7 | + <style> | ||
| 8 | + #container { | ||
| 9 | + width:600px; | ||
| 10 | + margin:10px auto; | ||
| 11 | + } | ||
| 12 | + </style> | ||
| 13 | + <link rel="stylesheet" href="first.css"> | ||
| 14 | + </head> | ||
| 15 | + <body> | ||
| 16 | + <div id="container"> | ||
| 17 | + <h1>'프로그램명'을 방문해주셔서 감사합니다.</h1> | ||
| 18 | + | ||
| 19 | + <input type="button" value="register"> | ||
| 20 | + <input type="button" value="login"> | ||
| 21 | + | ||
| 22 | + <footer> | ||
| 23 | + <div> | ||
| 24 | + <p><b>developed by 강희주, 진재영, 김재욱</b></p> | ||
| 25 | + <address>Contact for more information. 010-2400-6771</address> | ||
| 26 | + <img style="width: 30%; height: 30%; float: right;" src="https://blog.kakaocdn.net/dn/bjsDsi/btqxXJM3JKe/WAK7xHbOm7kxyVqRIvoOaK/img.jpg" alt="경희대 마크"> | ||
| 27 | + </div> | ||
| 28 | + </footer> | ||
| 29 | + | ||
| 30 | + </div> | ||
| 31 | + </body> | ||
| 32 | +</html> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or login to post a comment