CSS3 상자 그림자 속성

수다왕

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

· 8년 전 · 조회 1438 1438

CSS3 상자 그림자 속성

CSS3 box-shadow속성은 그림자를 요소에 적용합니다.

가장 간단한 사용법은 수평 그림자와 수직 그림자 만 지정하는 것입니다

div {

box-shadow: 10px 10px;

}

<!DOCTYPE html>

<html>

<head>

<style>

div {

width: 300px;

height: 100px;

padding: 15px;

background-color: yellow;

box-shadow: 10px 10px;

}

</style>

</head>

<body>

<div>This is a div element with a box-shadow</div>

</body>

</html>

댓글 작성

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

로그인하기

게시판 목록

퍼블리셔팁

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
17	HTML	이미지를 5단계로 키워서 보자 [2]	카이루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	3718
16	HTML	리눅스 압축관련 명령어	아우겐나이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	6289
15	HTML	연산자(Operators) [1]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5616
14	HTML	PHP 제어구조	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5816
13		오랜만에 테이블로 레이아웃을 잡으니	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2250
12		크롬(Chrome), 사파리(Safari)에서 form 전송이 안 될때, submit 버튼이 안 먹힐 때 [4]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	9650
11		UI Patterns [2]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2598
10		HTML5 마크업 시 [1]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2401
9		SIR 메인 HOT SKIN/BUILDER 효과 순차롤링 최신글 [9]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3602
8		크로스브라우징 input text 글줄 정렬 [13]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	9459
7		반응형 웹 스타디 초안 [4]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3515
6		zurb의 foundation (반응형 프레임워크)과 off-canvas 방식 가변형 레이아웃	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	5869
5		반응형 레이아웃 와이어프레임	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3324
4		가변형 레이아웃/네비게이션 패턴 [2]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4666
3		반응형 이미지 기법들 [1]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4541
2		반응형 웹 디자인 (Responsive Web Design) [2]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	5484
1		구글 애드센스 배경색 설정 (로딩시 노란색으로 깜빡이는 문제 해결) [5]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3559