CSS3 상자 그림자 속성

· 8년 전 · 1587

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>


8021d4888e8b0e3f378502bc18fc5727_1502878816_5678.png
 

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

퍼블리셔팁

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

+
분류 제목 글쓴이 날짜 조회
CSS 8년 전 조회 1,668
CSS 8년 전 조회 1,988
CSS 8년 전 조회 2,426
CSS 8년 전 조회 2,042
CSS 8년 전 조회 1,312
CSS 8년 전 조회 1,567
CSS 8년 전 조회 1,555
CSS 8년 전 조회 1,704
CSS 8년 전 조회 2,008
CSS 8년 전 조회 2,339
CSS 8년 전 조회 1,975
CSS 8년 전 조회 1,934
CSS 8년 전 조회 1,792
CSS 8년 전 조회 1,630
CSS 8년 전 조회 1,588
CSS 8년 전 조회 1,795
CSS 8년 전 조회 1,875
CSS 8년 전 조회 1,662
CSS 8년 전 조회 1,577
CSS 8년 전 조회 2,221
CSS 8년 전 조회 2,336
CSS 8년 전 조회 1,681
CSS 8년 전 조회 2,184
CSS 8년 전 조회 2,011
CSS 8년 전 조회 1,896
CSS 8년 전 조회 2,336
CSS 8년 전 조회 1,874
CSS 8년 전 조회 2,140
CSS 8년 전 조회 2,426
CSS 8년 전 조회 2,360