3인칭 단수: 상자 복수형: 상자 현재 분사: boxing 과거 분사: boxed
shadow
英[ˈʃædəʊ] 美[ˈʃædoʊ] n.shadow; , 유령; 그림자를 드리우다; 흔적을 남기다; 그림자를 드리우다 adj. 분사: 그림자 과거 시제: 그림자 과거 분사: 그림자
CSS 상자 그림자 속성 통사론
기능: 상자에 하나 이상의 그림자를 추가합니다.
구문: box-shadow: h-shadow v-shadow 흐림 확산 색상 삽입;
지침: h-shadow가 필요합니다. 수평 그림자의 위치입니다. 음수 값이 허용됩니다. v-섀도가 필요합니다. 수직 그림자의 위치입니다. 음수 값이 허용됩니다. 흐림은 선택 사항입니다. 퍼지 거리. 확산은 선택 사항입니다. 그림자의 크기. 색상은 선택 사항입니다. 그림자의 색상입니다. CSS 색상 값을 참조하세요. 삽입은 선택 사항입니다. 외부 그림자(시작)를 내부 그림자로 변경합니다.
참고: box-shadow는 상자에 하나 이상의 그림자를 추가합니다. 이 속성은 쉼표로 구분된 그림자 목록으로, 각각 2~4개의 길이 값, 선택적 색상 값 및 선택적 inset 키워드로 지정됩니다. 생략된 길이의 값은 0입니다.
CSS 상자 그림자 속성 예
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>
<div></div>
</body>
</html>인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요