728x90
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>하단 패밀리사이트 만들기</title>
<style>
.rel{position:relative}
.center{ width:1000px; margin:0 auto}
.fl{ float:left}
.clear{ clear:both}
footer.fn{ border-top:1px solid #ccc; }
footer.fn div.bottom{ background:#ccc; padding:20px 0}
</style>
</head>
<body>
<footer class="fn rel ">
<div class="center rel">
<!--div.fl.rel(>h3.fl.rel{삼양타이틀}+div.rel.txt.fl{삼양컨텐츠}+div.fr.rel.more{more}+div.clear)+div.fl.rel#family(>a[href=#none]{패밀리사이트})+div.clear-->
<div class="fl rel">
<h3 class="fl rel">삼양타이틀</h3>
<div class="rel txt fl">삼양컨텐츠</div>
<div class="fr rel more">more</div>
<div class="clear"></div>
</div>
<div class="fl rel" id="family"><a href="#none">패밀리사이트</a></div>
<div class="clear"></div>
</div>
<div class="bottom rel"></div>
</footer>
</body>
</html>
[출처] 종로_패밀리사이트_젠코드 (네번째그림) |작성자 레이네번째
'왕초보10분 JQUERY' 카테고리의 다른 글
| transform matrix (0) | 2017.01.18 |
|---|---|
| CSS 강좌 | 그라데이션 만들기 > linear-gradient (0) | 2016.10.21 |
| jquery 기본 CSS 선택자 (0) | 2016.07.22 |
| jquery - for구문 (0) | 2016.07.21 |
| 제이쿼리 다운로드 jquery CDN (0) | 2016.07.20 |
댓글