HTML, CSS 기초 (작업물) : 07_테두리, 그림자(border, box-shadow)

07_테두리, 그림자(웹페이지)

테두리,그림자

 

07_테두리, 그림자(코드)

1~35

36~65

66~100

101~110

 

-border : 선의굵기 선타입 색상;

   속성값 : solid, dotter, dashed, double, groove, ridge, inset, outset

 

-box-shadow : x축 y축 blur(흐릿함정도) spread(그림자의크기) 색상;

   x축이 양수일 경우 오른쪽에, 음수일 경우 왼쪽에 그림자 생성

   y축이 양수일 경우 아래쪽에, 음수일 경우 위쪽에 그림자 생성

   inset은 그림자의 효과를 안쪽으로 적용