무소의 뿔처럼
(css)과정평가형 정보처리산업기사 홈쇼핑 회원관리 프로그램 본문
@charset "UTF-8";
header{
display:flex;
justify-content: center;
align-items: center;
background-color: blue;
color:white;
height: 50px;
line-height: 50px;
}
footer{
display:flex;
justify-content: center;
align-items: center;
background-color: blue;
color:white;
height: 40px;
line-height: 40px;
}
nav{
background-color: pink;
height: 30px;
line-height: 30px;
}
ul{
display: flex;
list-style-type: none; /* 리스트 목록에 ●표시 없게*/
margin: 0px; /* nav와 붙음 */
}
li{
margin-left: 10px;
}
h3, h4{
margin: 0px; /* margin 때문에 line-height를 주어도 위치가 이상하게 나옴*/
text-align: center;
padding: 20px;
}
h4{
margin: 0px;
text-align: center;
}
section{
background-color: gray;
height: 500px;
}
table,td,th{
border: 1px solid;
border-collapse: collapse; /*cell끼리 붙어서 한줄로 보임*/
}
table{
width: 700px;
height: 200px;
text-align: center;
font-size: smaller; /*글씨 작게 해서 테이블 안에 들어가게 햇음/ 안해도됨*/
}
.tablediv{ /*테이블을 하나 더 감싸줘서 테이블이 가운데 오게끔*/
display: flex;
justify-content: center;
}
'과정평가_정산기_기록 > 홈쇼핑 회원관리 프로그램' 카테고리의 다른 글
(매출조회)과정평가형 정보처리산업기사 홈쇼핑 회원관리 프로그램 (0) | 2022.02.12 |
---|---|
(회원목록조회수정)과정평가형 정보처리산업기사 홈쇼핑 회원관리 프로그램 (0) | 2022.02.12 |
(회원등록)과정평가형 정보처리산업기사 홈쇼핑 회원관리 프로그램 (0) | 2022.02.12 |
Comments