폴라로이드 이미지 / 카드

수다왕

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

· 8년 전 · 조회 2086 2086

폴라로이드 이미지 / 카드

예

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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
1217	반응형	CSS 그리드 시스템 가이드 사이트 [6]	XIES 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	3098
1216	웹접근성	HTML5 의 의외성 [2탄] 표, 그리고 리스트 [2]	XIES 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	2492
1215	CSS	div 내의 수직 수평 중앙 정렬 [19]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	4901
1214	기타	카페24 웹 호스팅에서 github 이용하는 방법 [20]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	8358
1213	CSS	CSS 그리드 관련 사이트 [9]	ango 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3251
1212	웹접근성	HTML5 의 의외성 [1탄] 시멘틱 [8]	XIES 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	3637
1211	CSS	포토샵 드랍섀도우를 CSS방식으로 변환 [13]	Policia 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	4115
1210	기타	BBC "코로나19가 바꿀 사무실의 미래" -1분코딩 - 무료 강좌 [8]	하누☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3341
1209	CSS	마진병합 현상 [6]	하누☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3588
1208	기타	애플 스타일 스크롤링 [3]	하누☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3144
1207	기타	제이쿼리 버전 [1]	하누☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2887
1206	CSS	제가 사용하고 있는 scss library 파일 입니다.	moviepd 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3717
1205	HTML	table 코딩 빨리 해주는 사이트 [3]	moviepd 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	4381
1204	기타	div+button으로 구현하는 select box [9]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	7831
1203	웹접근성	스킵 네비게이션 기능 ie에서 초점 튕김현상	하누☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3009
1202	기타	Scroll-Then-Fix Content	마르코☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2982
1201	기타	무료 HTML 및 CSS 책 [6]	마르코☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4322
1200	기타	“Barba.js [1]	마르코☆ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4118
1199	기타	vuejs 폼입력 바인딩 #3	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4129
1198	기타	vuejs 폼입력 바인딩 #2	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2609
1197	기타	vuejs 폼 입력 바인딩	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2681
1196	기타	vue.js 인라인 메소드 핸들러	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2465
1195	기타	vue.js 이벤트 핸들링	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2456
1194	기타	vue.js v-for와 컴포넌트	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3044
1193	기타	vue.js Range v-for 와 v-for 템플릿	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	9231
1192	기타	Vue.js 필터링/ 정렬 된 결과 표시하기	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3882
1191	기타	Vue.js 배열변경감지	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	6221
1190	기타	vue.js v-for와 객체구문	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2439
1189	기타	Vue.js 리스트 렌더링	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2344
1188	기타	Vue.js #v-show	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	1822