# background-position

6개의 포스트
post-thumbnail

CSS 속성 (3)

ex.(이미지는 내가 좋아하는 영화 주토피아의 캐릭터 주디이다.)이 때 배경색상은 기본적으로 배경이미지 뒤에 출력되는 것을 볼 수 있다.repeat-x를 사용하면 수평으로'만' 반복하고repeat-y를 사용하면 수직으로'만' 반복한다.background-image의 기

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

CSS _ background

!youtubecJdsYVECxZYCSS를 이용하면 엘리먼트의 배경을 지정할 수 있습니다. 여기서는 배경과 관련된 중요속성들을 알아봅니다. background-color : redbackground-image : url("bg.png")background-repeat

2022년 4월 22일
·
0개의 댓글
·
post-thumbnail

css 이미지를 background-position-x,y로 위치잡아서 표현하는 방법

위와같이 숫자를 이미지로 표현할때 붙어있는 한장의 이미지에서 표현하는 방법: 1\. css에 전체를 나타내는 포지션을 먼저 잡고 background: url(./img/list.png)no-repeat; 해준다.2\. html에서 각각의 번호마다 span태그의 이름을

2021년 5월 27일
·
0개의 댓글
·
post-thumbnail

CSS 2.박스 모델

박스의 크기 박스 너비 = 내용물(content)너비+왼쪽 패딩+오른쪽 패딩+왼쪽 CSS테두리 테두리 스타일(모양), 색상,두께,둥근 테두리 지정 가능 => 모서리별 다른 스타일,두께 가능 border스타일 지정해야 다른 속성 사용 가능 각 변 별로

2020년 9월 17일
·
0개의 댓글
·