[Project] 회원가입 : signup.html
·
◈ Human Project/화면 설계 [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
·
◈ Human Project/화면 설계 [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..
[Project] 게시판 글쓰기 : write.html
·
◈ Human Project/화면 설계 [HTML]🐯
- CSS : 게시판 글쓰기(write.html) /* 게시판 글쓰기 */ .write { width: 700px; margin: 0 auto; border-top: 3px solid gray; border-bottom: 3px solid gray; } .write input {width: 676px; padding: 10px; margin: 12px auto 0;} .write .text {table-layout: fixed; height: 300px; white-space: pre-line; word-break: break-all; } .write .button {padding: 0 200px; margin: 15px auto;} .write .button a { border: 1px solid bl..
[Project] 자유게시판 : free.html
·
◈ Human Project/화면 설계 [HTML]🐯
- CSS : 자유게시판(free.html) /* 자유게시판 */ .free table {width: 700px; margin: 0 auto; border-collapse: collapse; table-layout: fixed;} .free th {border-top: 3px solid blue; border-bottom: 3px solid blue;} .free td {border-bottom: 1px solid gray;} .free .col1, .free .col4 {width: 8%;} .free .col3, .free .col5 {width: 14%;} .free th, .free td {padding: 10px;} .free td + td {text-align: left; white-space..
[Project] 공지사항 : notice.html
·
◈ Human Project/화면 설계 [HTML]🐯
- CSS : 공지사항(notice.html) /* 공지사항 */ .notice table {width: 700px; margin: 0 auto; border-collapse: collapse; table-layout: fixed;} .notice th {border-top: 3px solid blue; border-bottom: 3px solid blue;} .notice td {border-bottom: 1px solid gray;} .notice .col1, .notice .col4 {width: 8%;} .notice .col3, .notice .col5 {width: 14%;} .notice th, .notice td {padding: 10px;} .notice td + td { text-ali..