CSS3 상자 그림자 속성

· 8년 전 · 1662

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,720
CSS 8년 전 조회 2,040
CSS 8년 전 조회 2,465
CSS 8년 전 조회 2,082
CSS 8년 전 조회 1,380
CSS 8년 전 조회 1,609
CSS 8년 전 조회 1,629
CSS 8년 전 조회 1,773
CSS 8년 전 조회 2,069
CSS 8년 전 조회 2,390
CSS 8년 전 조회 2,031
CSS 8년 전 조회 2,006
CSS 8년 전 조회 1,863
CSS 8년 전 조회 1,685
CSS 8년 전 조회 1,663
CSS 8년 전 조회 1,865
CSS 8년 전 조회 1,940
CSS 8년 전 조회 1,733
CSS 8년 전 조회 1,655
CSS 8년 전 조회 2,289
CSS 8년 전 조회 2,394
CSS 8년 전 조회 1,748
CSS 8년 전 조회 2,266
CSS 8년 전 조회 2,078
CSS 8년 전 조회 1,974
CSS 8년 전 조회 2,406
CSS 8년 전 조회 1,958
CSS 8년 전 조회 2,203
CSS 8년 전 조회 2,501
CSS 8년 전 조회 2,436