클로스트 이야기

linear-gradient() 는 지정된 태그에 배경을 그라데이션 하는 용도로 사용합니다. 모던 CSS 에서 아주 중요한 요소라고 할 수 있는데요. 그이유는 홈페이지나 특정 페이지에서 백그라운드 이미지를 자주 쓰는데, 여기에 더해 linear-gradient() 까지 함께 사용해주면 멋진 그림이 나오기 때문이죠. 가장 심플한 예제로 보여 드리겠습니다. 간단하게 html을 마크업합니다. index.html 여긴헤더 여긴메인 위와 같이 마크업하고 css를 코딩해줍니다. style.css * { margin: 0; padding: 0; box-sizing: border-box; } .header { height: 95vh; background-image: linear-gradient( to right bot..