배경 이미지를 포함하는 요소의 크기를 조정하는 방법은 무엇입니까?

Question

메인 탭의 둥근 모서리를 확인하십시오. in this site 이들은 440px 너비의 배경 이미지이며 둥근 모서리를 풀지 않고 포함하는 요소로 조정됩니다.

Answer 1

목록 항목과 앵커는 모두 다른 오프셋으로 동일한 배경 이미지를 가지고있는 것처럼 보입니다.

이미지는 각 요소의 배경으로 설정됩니다. 앵커는 이미지의 가장 왼쪽 부분을 표시하도록 설정되고 목록 항목은 이미지가 들여다 보일 수있을 정도의 오른쪽 패딩으로 가장 오른쪽 부분이 설정됩니다. 이 기술은 슬라이딩 도어으로 알려져 있습니다. 여기 otheranswers에서 수집 된 링크는 다음과 같습니다

는

• 목록이 외에도 목록 외에도 Sliding Doors Part 2
• CSS2 tutorial
• CSS3 tutorial

감사 Mariuz 및 Darko Z있어 Sliding Doors Part 1

입니다.

Answer 2

"슬라이딩 도어"라는 기술을 사용하고 있습니다. 당신은 떨어져 목록에서 그것에 대해 자세한 내용을보실 수 있습니다 :

Sliding Doors Part 1

이

Sliding Doors Part 2

Answer 3

그물에 둥근 모서리에 대한 몇 가지 튜토리얼이 있습니다.

다음 시도 할 수 CSS2를 사용 : 당신에게 많은 도움이 자습서를 줄 것이다 둥근 모서리 CSS3 Tutorial

간단한 구글 검색 : CSS2 Tutorial

당신은 CSS3를 사용합니다.

Answer 4

주변 관련성이있을 수 있지만 더 큰 이미지의 크기를보다 실용적인 크기로 조정하려면 브라우저에 남기지 않도록주의해야합니다.

큰 이미지가있는 페이지를 브라우저에서 크기를 줄이면 채우는 이유는 무엇입니까?