◈ Human Project/화면 설계 [HTML]🐯

[Project] 화면구현 테스트 케이스(Test Case)

- 화면구현 테스트 케이스(Test Case)

[Project] 회원가입 약관 : contract.html

- CSS : 회원가입 약관(contract.html) /* 회원가입 약관 */ .contract { width: 700px; margin: 50px auto 80px; padding: 30px 40px 50px; border-radius: 30px; background-color: rgb(167, 193, 204); } .contract h1 {text-align: center;} .contract .text { height: 230px; border: 1px solid black; background-color: white; white-space: pre-line; overflow-y: scroll; margin: 0 auto 20px; } .contract p {text-align: right;} ..

[Project] 로그인 : signin.html

- CSS : 로그인(signin.html) /* 로그인 */ .login { width: 300px; margin: 50px auto 150px; padding: 30px 40px 50px; border-radius: 30px; background-color: rgb(167, 193, 204); } .login h1 {text-align: center;} .login h3 {color: darkslateblue; margin: 10px auto;} .login .id, .login .pw {width: 272px; margin: 0 auto 10px; padding: 12px;} .login .box {width: 300px; margin: 20px auto; padding: 9px;} - HTML :..

[Project] 회원가입 : signup.html

- CSS : 회원가입(signup.html) /* 회원가입 */ .sign { width: 300px; margin: 50px auto 100px; padding: 30px 40px 50px; border-radius: 30px; background-color: rgb(167, 193, 204); } .sign h1 {text-align: center;} .sign h3 {color: darkslateblue; margin: 10px auto;} .sign .name, .sign .id, .sign .pw {width: 272px; margin: 0 auto 10px; padding: 12px;} .sign .box {width: 300px; margin: 20px auto; padding: 9px;}..

[Project] 게시판 상세 : detail.html

- CSS : 게시판 상세(detail.html) /* 게시판 상세 */ .detail { width: 700px; margin: 0 auto; border-top: 3px solid gray; border-bottom: 3px solid gray; } .detail .name {margin: 0 0 0 15px; float: left;} .detail .date {margin: 0 15px 0 0; float: right;} .detail .box { white-space: pre-line; padding: 10px; border: 1px solid black; } .detail hr {clear: both;} .detail p {text-align: center;} .detail .button {pa..