9월 24일 개발일지

배치작업

html 작업

<div class="List-item">
	<div class="list-half list-half-top shop-border"></div>
    	<div class="list-half-header list-half-bg">
        	<div class="half-overlay"></div>
            <h3 class="ship-title-vorder">백화점 상품 그대로</h3>
           </div>
           </div>
           
	<div class="list-half list-half-top shop-border">
    <div class="list-half-header">
    	<span class="headline>hot deal</span>
        <h3 class="shop-title-border">백화점 상품 그대로</h3>
    </div>
    </div>
</div>

css 작업

#shop-main .list-item .list-half .list-half-top {
position: absolute; left: 0; top: 0; }

#shop-main .list-item .list-half .list-half-bottom {
position: absoulute; left: 0; bottom: 0; }

#shop-main .list-item .list-half .list-half-header { width: 100%; 
height: 62px; 
background-color: #ffffff; }

#shop-main .list-item .list-half .list-half-header. list-half-bg {
background-color: green;

#shop-main .list-item .list-header .list-half-header .list-half-bg .shop-title-border 
display: inline-block;
border: solid 1px #ffffff;
color: #ffffff;
hont-size: 14px;