2012-12-16 3 views
1

다음 페이지의 배경이 어떻게 만들어 졌는지 궁금합니다. http://www.wohn-blogger.de/page/4/CSS를 사용하여이 회색 종류의 배경을 만드는 방법은 무엇입니까?

보시다시피 배경은 일반 색상이 아닙니다. 그것은 전체 페이지에 비례하는 이미지입니까? 아니면 심지어는 CSS로 어떻게 든 달성 할 수 있습니까?

내가 부탁 해요 이유는 CSS는 다음이 포함되어 있다는 것입니다 :이 반복되지 않는 하나의 이미지입니다 의미

body { 
    background: #0d1424 url(images/body-bg.jpg) no-repeat center top; 
    font: .81em/150% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif; 
    word-wrap: break-word; 
    color: #666; 
} 

. 어쨌든 전체 페이지가 어떻게 채워지 는가?

답변

1

CSS :

body { 
    background: url("http://www.wohn-blogger.de/wp-content/themes/itheme2/skins/gray/images/body-bg.png") repeat scroll 0 0 #D1D1D1; 
    color: #666666; 
} 
+0

죄송합니다. 내 질문에 분실했습니다. 위에 업데이트되었습니다. – membersound

+0

오, 알 겠어, 아마도 나는 잘못된 CSS 파일을보고 있었다. 이것은 매우 명확합니다. – membersound

1

이 할 수있는 몇 가지 방법이 있습니다. 투명 그라데이션 이미지와 텍스처 이미지로 구성되어있는 것처럼 보입니다. 이 경우 반복 텍스처를 html 요소에 추가하고 투명한 그라디언트를 body 요소에 추가하여 접근합니다.

html {background:url(texture.png);) 
body {background:url(gradient.png) top left repeat-x;) 

이 정보가 도움이되기를 바랍니다.

1

웹 사이트에는 두 개의 본문 스타일이 정의되어 있으며 반복되는 표준 반복 배경 이미지는 반복되지 않습니다.

enter image description here

관련 문제