본문 바로가기

css속성2

배경이미지(background) 관련 CSS 모음 오늘은 광복절 대체휴무일이다. (출근 안 하는 날+_+) 그래서 새벽에 CSS를 정리하는 블로그 포스팅을 하고 있다 (후후훗-_-v) 이번 포스팅에서는 배경이미지(background)와 관련된 CSS 속성을 알아보도록 하겠다. background-color 배경색으로 색상을 지정하고 싶을 때 사용한다. HEX, RGB, 색 이름 직접 지정 모두 가능하다. 만약 배경 이미지와 중복으로 사용한다면, 이미지의 투명한 부분이 있을 경우에 그 부분을 통해 해당 색상을 확인할 수 있다. background-image 배경에 이미지(사진)를 넣고 싶을 때 사용한다. 아래와 같이 경로를 사용하여 지정하면 된다. 미리 준비한 배경이미지를 넣어 보았는데 div의 너비와 폭이 100px로 지정되어 있어 배경이미지가 잘려 보.. 2021. 8. 16.
텍스트 관련 CSS 이번 포스팅에서는 글자 색상을 변경하거나 그림자 효과, 여백, 자간 등을 조정하는 css 속성에 대해 정리해 보려고 한다. 색상 지정하기 h1 {color: blue;} /* 색상 이름 사용 가능 */ h2 {color: rgb(0,180,0);} /* rgb값 사용 가능*/ p {color: #4e4e4e;} /* 16진수 사용 가능 */ 텍스트에 선 긋기 p {text-decoration: none;} /* 밑줄 없음 */ p {text-decoration: underline;} /* 밑줄 표시 */ p {text-decoration: overline;} /* 영역 위에 선 있음 */ p {text-decoration: line-through;} /* 취소선 있음 */ text-decoration:n.. 2020. 9. 12.