css 이미지 갤러리

컴프

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 3625 3625

이미지 갤러리

다음 이미지 갤러리는 CSS로 생성됩니다.

예

<html>

<head>

<style>

div.gallery {

margin: 5px;

border: 1px solid #ccc;

float: left;

width: 180px;

}

div.gallery:hover {

border: 1px solid #777;

}

div.gallery img {

width: 100%;

height: auto;

}

div.desc {

padding: 15px;

text-align: center;

}

</style>

</head>

<body>

</a>

<div class="desc">Add a description of the image here</div>

</div>

</a>

<div class="desc">Add a description of the image here</div>

</div>

</a>

<div class="desc">Add a description of the image here</div>

</div>

</a>

<div class="desc">Add a description of the image here</div>

</div>

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
887	HTML	SVG Star	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2229
886	HTML	SVG Rounded Rectangle	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1776
885	HTML	SVG Rectangle	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2201
884	HTML	SVG Circle	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2256
883	HTML	HTML5 Canvas Draw Image	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2420
882	HTML	HTML5 Canvas Draw Circular Gradient	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2170
881	HTML	HTML5 Canvas Draw Linear Gradient	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2298
880	HTML	HTML5 Canvas Stroke Text [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2613
879	HTML	HTML5 Canvas Draw a Text	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1713
878	HTML	HTML5 Canvas Draw a Circle	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1943
877	HTML	HTML5 Canvas Draw a Line	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1957
876	HTML	HTML5 Canvas	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2145
875	HTML	HTML5 <footer> 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1687
874	HTML	HTML5 <header> 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2714
873	HTML	html5 태그 정의	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2561
872	HTML	HTML5 <figure> 및 <figcaption> 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2610
871	HTML	HTML5 <aside> 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2917
870	HTML	HTML5 <nav> 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2193
869	HTML	HTML5의 새로운 시맨틱 요소 article	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2630
868	HTML	HTML5의 새로운 시맨틱 요소 section	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2146
867	HTML	Syntax For HTML5Shiv(구문 HTML5Shiv의 경우)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1921
866	HTML	The min and max Attributes(최소 및 최대 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1658
865	HTML	The list Attribute(list 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1911
864	HTML	The height and width Attributes(높이 및 너비 특성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2039
863	HTML	The formtarget Attribute(formtarget 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1338
862	HTML	The formnovalidate Attribute(formnovalidate 특성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1644
861	HTML	The formmethod Attribute(formmethod 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1609
860	HTML	The formenctype Attribute(formenctype 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1873
859	HTML	The step Attribute(step 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1534
858	HTML	The required Attribute(필수 속성)	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1826