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
반응형
'코딩 > Spring 쇼핑몰 프로젝트' 카테고리의 다른 글
Spring [쇼핑몰프로젝트] - 장바구니 페이지 구현[33] (0) | 2023.05.27 |
---|---|
Spring [쇼핑몰프로젝트] - 장바구니 페이지 구현[32] (0) | 2023.05.25 |
Spring [쇼핑몰프로젝트] - 장바구니 페이지 구현 - 오류 기록[31] (0) | 2023.05.24 |
Spring [쇼핑몰프로젝트] - 장바구니 페이지 구현[30] (0) | 2023.05.22 |
Spring [쇼핑몰프로젝트] - 장바구니 구현 - 오류 기록[29] (0) | 2023.05.19 |