(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;
}