그림자

Programming/HTML - CSS

[CSS 기초] 박스 그림자 / 테두리 지정 (Box Shadow / Outline)

강의를 참고해 박스에 스타일을 적용합니다. 태그 내에 box-shadow 속성을 적용하여 박스에 그림자를 적용하고, 태그 내에 border, border-color, border-width 등의 속성을 이용해 테두리를 적용합니다. Introduction 박스 그림자 속성은 box-shadow 를 통해 지정해 줄 수 있습니다. box-shadow: none | x-position y-position blur spread color | inset | initial | inherit 이러한 문법을 가지는데, 왼쪽부터 none : 그림자를 적용하지 않음 x-position : 가로에 대한 그림자 위치를 나타내며, + 시 오른쪽에 그림자가 생기고, - 시에는 왼쪽에 그림자가 만들어집니다. (필수) y-positi..

Programming/HTML - CSS

[HTML 기초] 간단한 홍보책자 만들기

강의를 참고해 간단한 홍보책자를 만듭니다. 간단한 웹페이지이므로 태그와 CSS의 폰트스타일을 통해 구현합니다. Introduction 안내문 형식으로 작성해야하므로, 그림자와 색 조합, 글씨 크기 등의 속성을 사용해야합니다. 필요한 속성 : 그림자 스타일(text-shadow) / 폰트 크기(font-size) / 폰트 굵기(font-weight) / 폰트 색깔(color) 텍스트 정렬(text-align) / 밑줄(text-decoration : underline) / 폰트(font-style : italic) 속성 값 : └ font-size : px 단위로 지정합니다. ex) 2px / 5px / 10px └ font-weight : normal / 숫자(100~900) / bolder(상위요소보다..

LEFT
'그림자' 태그의 글 목록