Programming/CSS33 CSS 배경 배경CSS 배경 속성은 요소에 배경 효과를 추가하는 데 사용됩니다.background-colorbackground-imagebackground-repeatbackground-attachmentbackground-positionbackground background-colorbody { background-color: skyblue;}background-color속성은 요소의 배경색을 지정합니다.태그마다 배경색을 다르게 지정할 수 있습니다. background-imagebody { background-image: url("apple.jpg");}background-image속성은 요소의 배경으로 사용할 이미지를 지정합니다.기본적으로 이미지는 전체 요소를 덮도록 설정됩니다.background-color와.. 2024. 8. 4. CSS 색상 COLORTomatoRGBAHEX 색상을 표현할 때는 다양한 방법이 있습니다. 2가지를 설명하자면CSS에는 미리 정의된 색상의 이름 tomato, red, green 처럼 이름으로 지정해서 색을 표현하는 방법이 있습니다.CSS에 원하는 색상의 값을 RGB로 표현하거나 16진수로 표현하는 방법이 있습니다.RGB에는 RGBA가 있는데 A는 투명도를 나타냅니다.rgb(red, green, blue)#rrggbbhsl( 색조 , 채도 , 명도 ) 배경색Hello WorldHTML 요소의 배경색을 설정할 수 있습니다.텍스트 색Hello World텍스트 색상을 설정할 수 있습니다. 테두리 색Hello World테두리의 색상을 설정할 수 있습니다: 출처W3school W3Schools.comW3Schools o.. 2024. 8. 4. CSS 기초 CSS3CSS란?CSS는 Cascading Style Sheets의 약자입니다.CSS는 HTML 요소가 화면에 표시되는 방식을 설명합니다.CSS는 많은 작업을 절약합니다. 여러 웹 페이지의 레이아웃을 한 번에 제어할 수 있습니다.외부 스타일 시트는 CSS 파일에 저장됩니다. CSS 구문p { text-align: center; color: white;}selector : 스타일을 지정하려는 HTML 요소를 가리키는데 코드에서는 p 가 selector입니다.Declaration : 여러 개의 CSS Declaration 은 세미콜론으로 구분하고, Declaration 블록은 중괄호로 묶습니다. properties, value : Declaration 에는 프로퍼티와 값으로 구성되면 콜론으로 구분됩니다.. 2024. 8. 4. 이전 1 다음
