폴라로이드 이미지 / 카드

수다왕

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

· 8년 전 · 조회 2085 2085

폴라로이드 이미지 / 카드

예

div.polaroid {

width: 80%;

background-color: white;

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

img {width: 100%}

div.container {

text-align: center;

padding: 10px 20px;

}

[전체소스]

<!DOCTYPE html>

<html>

<head>

<style>

body {margin:25px;}

div.polaroid {

width: 80%;

background-color: white;

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

margin-bottom: 25px;

}

div.container {

text-align: center;

padding: 10px 20px;

}

</style>

</head>

<body>

<h2>Responsive Polaroid Images / Cards</h2>

<p>The Troll's tongue in Hardanger, Norway</p>

</div>

<p>Northern Lights in Norway</p>

</div>

</body>

</html>

댓글 작성

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

로그인하기

게시판 목록

퍼블리셔팁

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
827	HTML	zencoding	IAMA 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1578
826	HTML	정렬되지 않은 HTML 목록 ul li	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2311
825	HTML	html table 2	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2106
824	HTML	HTML Table 1	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1923
823	HTML	HTML 파일 경로	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2422
822	HTML	HTML <script> 태그	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1959
821	HTML	Iframe 구문	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2577
820	HTML	html 하이퍼링크2	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2582
819	HTML	html 하이퍼링크 1	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2508
818	HTML	HTML comment 태그	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1714
817	HTML	HTML abbr address cite bdo	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1705
816	HTML	HTML <code> For Computer Code	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1449
815	HTML	HTML Computer Code Elements	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1470
814	HTML	짧은 인용문을위한 HTML	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2069
813	HTML	HTML 서식 예제	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1675
812	HTML	HTML 서식 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1749
811	HTML	Emmet 코딩시간을 단축시켜주는....	IAMA 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1756
810	HTML	HTML 줄 바꿈	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2394
809	HTML	The HTML <head> Element	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1787
808	HTML	Headings 에 중요성	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2195
807	HTML	HTML 스타일 속성	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1968
806	HTML	HTML <pre> 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2002
805	HTML	HTML 줄 바꿈	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1951
804	CSS	CSS를 삽입하는 3 가지 방법	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2337
803	CSS	CSS 코멘트 삽입	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2245
802	CSS	CSS 기본 문법	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2337
801	HTML	HTML addr	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1952
800	HTML	HTML 서식 요소	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1807
799	기타	디바이스별 해상도	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2368
798	HTML	HTML 이미지 img 태그	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1996