111 > 자유게시판

본문 바로가기
사이트 내 전체검색

자유게시판

자유 111

페이지 정보

본문

<style>

/* 기본 스타일 */
body {margin:0;padding:40px 80px;background:#fff;font:70% Arial, Helvetica, sans-serif;color:#555;line-height:180%;}
p{margin:1em 0;}
p.text{width:500px;} 
a{color:#f20;text-decoration:none;}
a:hover{color:#999;}
img{border:none;}
h1 {font-size:24px;font-family:돋움;font-weight:bold;letter-spacing:-0.1em}


/* ####썸네일 리스트 ####*/

ul#thumbs, ul#thumbs li{margin:0;padding:0;list-style:none;}
ul#thumbs li{float:left;margin-right:5px;border:1px solid #999; padding:2px;}
ul#thumbs a{display:block;float:left;width:100px;height:100px;line-height:100px;overflow:hidden;position:relative;z-index:1;}
ul#thumbs a img{float:left;position:absolute;top:-20px;left:-50px;}

/*마우스 오버*/
ul#thumbs a:hover{overflow:visible;z-index:1000;border:none;}
ul#thumbs a:hover img{border:1px solid #999;background:#fff;padding:2px;} 
 
/* float 해제 */
ul#thumbs:after, li#thumbs:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul#thumbs, li#thumbs{display:block;}/*  */
ul#thumbs, li#thumbs{min-height:1%;}
* html ul#thumbs, * html li#thumbs{height:1%;

 
/* ####썸네일 리스트 ####*/


/*######이미지 한개#####*/
p.thumb{float:left;margin:.5em 0;margin-right:10px;border:1px solid #999;padding:2px;}
p.thumb a{display:block;float:left;width:100px;height:100px;line-height:100px;overflow:hidden;position:relative;z-index:1;} 
p.thumb a img{float:left;position:absolute;top:-20px;left:-50px;}

/* 마우스 오버*/
p.thumb a:hover{overflow:visible;z-index:1000;border:none;}
p.thumb a:hover img{border:1px solid #999;background:#fff;padding:2px;} 
</style>


<h1>리스트 스타일</h1>
 <ul id="thumbs">
  <li><a href="#"><img src="http://www.blueb.co.kr/SRC1/image/s_IE.jpg"></a></li>
  <li><a href="#"><img src="http://www.blueb.co.kr/SRC1/image/s_Firefox.jpg"></a></li>
  <li><a href="#"><img src="http://www.blueb.co.kr/SRC1/image/s_Safari.jpg"></a></li>
  <li><a href="#"><img src="http://www.blueb.co.kr/SRC1/image/s_Chrome.jpg"></a></li>
  <li><a href="#"><img src="http://www.blueb.co.kr/SRC1/image/s_Opera.jpg"></a></li>
 </ul>
 
<p><p><p>
<h1>싱글 이미지</h1>
 <p class="thumb"><a href="#"><img src="http://homemanager.or.kr/data/tbl_member/sub_templet/thumb1_7792354735.jpg"></a></p>
 <p class="text"><p>- 부평계단청소</p><p>청소원인을 잘하는</p><p>앙랴</p><p>아야야</p><p>ㅇ야ㅑㅇ</p><p>잉ㅇ에</p><p>ㅑ야ㅐ양야야야</p><p>
Mauris non metus. Donec sem ligula, feugiat a, porta quis, sagittis ut, elit. Nulla pellentesque justo. Morbi feugiat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eros lorem, dapibus eget, varius in, hendrerit id, tortor. Fusce gravida arcu non lorem. Suspendisse nibh. Morbi et arcu. Vestibulum sodales interdum massa. </p><p>&nbsp;</p><p><img src="<a href=" thumb1_7792354735.jpg"="" sub_templet="" tbl_member="" data="" homemanager.or.kr="">http://homemanager.or.kr/data/tbl_member/sub_templet/thumb1_7792354735.jpg"&gt;</p>

추천0 비추천0
  • 이전글23 20.07.14
  • 다음글5757 20.07.02

댓글목록

등록된 댓글이 없습니다.

회원로그인

회원가입

설문조사

결과보기

ㅁㄴㅇㄹㅁㄴㅇㄹ


사이트 정보

회사명 : 회사명 / 대표 : 대표자명
주소 : OO도 OO시 OO구 OO동 123-45
사업자 등록번호 : 123-45-67890
전화 : 02-123-4567 팩스 : 02-123-4568
통신판매업신고번호 : 제 OO구 - 123호
개인정보관리책임자 : 정보책임자명

접속자집계

오늘
1,271
어제
5,832
최대
19,217
전체
970,087
Copyright © 소유하신 도메인. All rights reserved.