CSS10 CSS background-image, 웹페이지에 배경화면 이미지를 넣어보자 BACKGROUND-IMAGE란? background-image를 이용하면 HTML 요소에 배경 이미지를 정할 수 있습니다. background-color는 특정한 색을 사용하는 반면, background-image는 이미지 파일을 적용할 수 있습니다. 기본적인 사용법 .element { background-image: url("image.jpg"); } CSS 선택자 안에 background-image 속성을 입력합니다 속성값은 url(이미지가 있는 주소)를 입력합니다 예시 아래는 저작권없는 이미지 하나를 선택해서 배경 이미지로 설정해본 거에요 See the Pen bg-image by 40's Programmer (@40sProgrammer) on CodePen. 함께 사용되는 속성들 backgrou.. 2023. 6. 16. CSS background-color 웹페이지, HTML 요소에 배경색을 넣는 속성 BACKGROUND-COLOR 란? background-color 속성은 요소의 배경 색상을 정의하는 데 사용됩니다. 색상 값을 지정하면 웹 페이지의 모양과 느낌을 변형하여 더 매력적이고 시각적으로 매력적으로 만들 수 있습니다. 미묘한 배경색을 원하든 대담하고 생생한 색상을 원하든 '배경색' 선택기가 도움이 됩니다. 기본적인 사용법 .element { background-color: red; } CSS 선택자 안에 background-color 속성을 입력합니다 속성값에는 color를 입력합니다 속성값을 넣는 4가지 방법 위의 예시에서는 red를 바로 입력헀는데요. 색을 넣는 방법은 크게 4가지가 있습니다. 1. 지정된 색 사용 background-color: yellow; 우리가 흔히 생각하는 컬러는 .. 2023. 6. 14. 이전 1 2 3 다음
