CSS3 상자 그림자 속성
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에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 857 | HTML | 8년 전 | 1394 | ||
| 856 | HTML | 8년 전 | 1849 | ||
| 855 | HTML | 8년 전 | 2088 | ||
| 854 | HTML | 8년 전 | 1503 | ||
| 853 | HTML | 8년 전 | 2198 | ||
| 852 | HTML | 8년 전 | 3275 | ||
| 851 | HTML | 8년 전 | 3246 | ||
| 850 | HTML | 8년 전 | 2087 | ||
| 849 | HTML | 8년 전 | 1667 | ||
| 848 | HTML | 8년 전 | 1825 | ||
| 847 | HTML | 8년 전 | 1721 | ||
| 846 | HTML | 8년 전 | 1912 | ||
| 845 | HTML | 8년 전 | 2041 | ||
| 844 | HTML | 8년 전 | 1986 | ||
| 843 | HTML | 8년 전 | 2206 | ||
| 842 | HTML | 8년 전 | 2049 | ||
| 841 | HTML | 8년 전 | 1967 | ||
| 840 | HTML | 8년 전 | 2327 | ||
| 839 | HTML | 8년 전 | 1911 | ||
| 838 | HTML | 8년 전 | 2178 | ||
| 837 | HTML | 8년 전 | 2015 | ||
| 836 | HTML | 8년 전 | 2041 | ||
| 835 | HTML | 8년 전 | 2205 | ||
| 834 | HTML | 8년 전 | 1545 | ||
| 833 | HTML | 8년 전 | 1902 | ||
| 832 | HTML | 8년 전 | 1381 | ||
| 831 | HTML | 8년 전 | 2440 | ||
| 830 | HTML | 8년 전 | 1655 | ||
| 829 | HTML | 8년 전 | 1260 | ||
| 828 | HTML | 8년 전 | 2481 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기