코딩/Spring 쇼핑몰 프로젝트

Spring [쇼핑몰프로젝트] - 장바구니 페이지 구현[33-1]

유미._. 2023. 5. 28. 01:09
728x90

 

 

 

오늘은 장바구니 페이지에 대한  css 포스팅을 해보겠습니다 ╰(*°▽°*)╯

 

 

 

 

CSS는 아직 많이 다뤄보지 않았기 때문에 조금씩 수정을 하고, 확인을 하면서 진행하였습니다.

 

 

@charset "UTF-8";

#wrap {
	min-height: 100%;
	position: relative;
	padding-bottom: 200px;
}
h2 {
	margin: 100px auto 80px auto;
	text-align: center;
}

table {
	width: 1150px;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

table tr {
	line-height: 40px;
}

table tr th {
	background-color: #8c8ce8;
	color: white;
	font-weight: normal;
}
table tr th, td {
	border-collapse: collapse;
	
	/* border-right: 1px solid #dddddd; */
}

table td {
	line-height: 50px;
	font-size: 15px;
}

table tr th, td input {
	font-weight: normal;
	text-align: center;
}

input[type=text] {
	width: 200px;
	height: 30px;
	font-size: 15px;
	outline: none;
}

.buyBtn {
	width: 215px;
	height: 50px;
	margin-top: 50px;
	background-color: #8c8ce8;
	color: black;
	border: 1px solid #999999;
	font-size: 16px;
	color: white;
	font-weight: bold;
	cursor: pointer;
}

 

 

 

아직 수정해야 할 부분이 많아 보입니다... (っ °Д °;)っ

 

 

 

 

 

 

 

 

 

이상입니당 (∩^o^)⊃━☆

 

 

 

728x90
반응형