2016-06-12 1 views
-5

일부 이미지를 배경으로 사용하고 싶지만 이미지를 제어 할 수 없습니다. 이미지 크기가 500px x 500px 인 경우 이미지를 200px x 200px로 축소 한 다음 센터에서 100px x 100px 만 사용할 수 있습니까?CSS3 - 이미지의 일부를 배경으로 사용하십시오.

+0

당신은 어떤 이미지와 코드로 이것에 대한 jsfiddle을 만들 수 있습니다. – frnt

+2

CSS에서 이미지 크기를 조정할 수 있습니다. 그렇습니다. 그러나 이미 몇 가지 질문이 있습니다.이 정보는 검색 만하면 쉽게 접근 할 수 있습니다. 'width : 100 %; height : auto;'div의 CSS와 이미지의 크기가 아름답게 조정되어야합니다. –

+0

이 [post] (http://stackoverflow.com/questions/7864448/background-size-in-shorthand-background-property-css3)에서 올바른 방향으로 가리킬 수 있습니다. –

답변

1

이 같은 것을 사용할 수 있습니다

div { 
width:100px; 
height:100px; 
background-size: 200px 200px; 
background-position: center; 
background-image: 'your image here'; 
} 
관련 문제