CSS3 상자 그림자 속성

· 8년 전 · 1578

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,644
CSS 8년 전 조회 1,974
CSS 8년 전 조회 2,410
CSS 8년 전 조회 2,029
CSS 8년 전 조회 1,304
CSS 8년 전 조회 1,553
CSS 8년 전 조회 1,539
CSS 8년 전 조회 1,700
CSS 8년 전 조회 2,001
CSS 8년 전 조회 2,326
CSS 8년 전 조회 1,964
CSS 8년 전 조회 1,929
CSS 8년 전 조회 1,790
CSS 8년 전 조회 1,618
CSS 8년 전 조회 1,579
CSS 8년 전 조회 1,788
CSS 8년 전 조회 1,860
CSS 8년 전 조회 1,653
CSS 8년 전 조회 1,572
CSS 8년 전 조회 2,214
CSS 8년 전 조회 2,327
CSS 8년 전 조회 1,674
CSS 8년 전 조회 2,179
CSS 8년 전 조회 1,997
CSS 8년 전 조회 1,889
CSS 8년 전 조회 2,328
CSS 8년 전 조회 1,869
CSS 8년 전 조회 2,128
CSS 8년 전 조회 2,415
CSS 8년 전 조회 2,351