box-shadow
-
08_테두리, 그림자 콘텐츠(웹페이지) 08_테두리, 그림자 콘텐츠(코드) -overflow: hidden : 내부 요소가 부모의 요소에 침법할 때 사용한다. 부모 요소에 적용 시 영역을 벗어나는 부분이 보이지 않게 된다. -overflow: scroll : 영역을 벗어나는 부분은 스크롤로 만든다.
HTML, CSS (작업물) : 08_테두리, 그림자 콘텐츠08_테두리, 그림자 콘텐츠(웹페이지) 08_테두리, 그림자 콘텐츠(코드) -overflow: hidden : 내부 요소가 부모의 요소에 침법할 때 사용한다. 부모 요소에 적용 시 영역을 벗어나는 부분이 보이지 않게 된다. -overflow: scroll : 영역을 벗어나는 부분은 스크롤로 만든다.
2023.03.23 -
07_테두리, 그림자(웹페이지) 07_테두리, 그림자(코드) -border : 선의굵기 선타입 색상; 속성값 : solid, dotter, dashed, double, groove, ridge, inset, outset -box-shadow : x축 y축 blur(흐릿함정도) spread(그림자의크기) 색상; x축이 양수일 경우 오른쪽에, 음수일 경우 왼쪽에 그림자 생성 y축이 양수일 경우 아래쪽에, 음수일 경우 위쪽에 그림자 생성 inset은 그림자의 효과를 안쪽으로 적용
HTML, CSS 기초 (작업물) : 07_테두리, 그림자(border, box-shadow)07_테두리, 그림자(웹페이지) 07_테두리, 그림자(코드) -border : 선의굵기 선타입 색상; 속성값 : solid, dotter, dashed, double, groove, ridge, inset, outset -box-shadow : x축 y축 blur(흐릿함정도) spread(그림자의크기) 색상; x축이 양수일 경우 오른쪽에, 음수일 경우 왼쪽에 그림자 생성 y축이 양수일 경우 아래쪽에, 음수일 경우 위쪽에 그림자 생성 inset은 그림자의 효과를 안쪽으로 적용
2023.03.23