수

CSS3 상자 그림자 속성

· 2017-08-16 (수) 19:16:48 · 1826

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
 

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

퍼블리셔팁

1,282건

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

+
분류 제목 글쓴이 날짜 조회
CSS 17-08-23 조회 2,113
CSS 17-08-23 조회 2,132
CSS 17-08-22 조회 1,903
CSS 17-08-22 조회 2,211
CSS 17-08-22 조회 2,649
CSS 17-08-20 조회 2,261
CSS 17-08-20 조회 1,565
CSS 17-08-20 조회 1,785
CSS 17-08-18 조회 1,812
CSS 17-08-18 조회 1,932
CSS 17-08-18 조회 2,253
CSS 17-08-17 조회 2,553
CSS 17-08-17 조회 2,215
CSS 17-08-17 조회 2,186
CSS 17-08-16 조회 2,053
CSS 17-08-16 조회 1,836
CSS 17-08-16 조회 1,827
CSS 17-08-15 조회 2,036
CSS 17-08-15 조회 2,096
CSS 17-08-15 조회 1,916
CSS 17-08-11 조회 1,809
CSS 17-08-11 조회 2,460
CSS 17-08-11 조회 2,576
CSS 17-08-10 조회 1,921
CSS 17-08-10 조회 2,437
CSS 17-08-10 조회 2,237
CSS 17-08-09 조회 2,133
CSS 17-08-09 조회 2,567
CSS 17-08-09 조회 2,117
CSS 17-08-07 조회 2,378