이미지가 있거나 없거나 줄무늬가있는 2 색 배경?

http://www.hallmorkshoneybess.co.uk에 대해 좋은 줄무늬 대각선 또는 가로 배경 (노란색과 검은 색)을 만들고 싶지만 어떻게해야하는지에 대한 자습서를 찾을 수 없습니다.이미지가 있거나 없거나 줄무늬가있는 2 색 배경?

도와 주실 수 있습니까? 감사합니다

2012-02-21 Mark R

http://lea.verou.me/css3patterns/ 다음은 사용할 수있는 몇 가지 우수한 샘플입니다. 100 % 그러므로 가능

CSS3 밤은, 내가 Crinsane 당신이 이런 식으로 작업을 수행 할 수 있습니다 말에서 http://www.stripegenerator.com

2012-02-21 10:26:14

줄무늬 생성기 .. 그냥 티켓. 고맙습니다. –

당신은 쉽게 색상 정지와 선형 구배를 사용하여이 작업을 수행 할 수 있습니다 http://www.techrepublic.com/blog/webmaster/css3-gradients-setting-color-stops/937

2012-02-21 10:24:35 DonJuwe

와우는 혼란 스럽지만 감사합니다. –

이미지로 어떻게하면 좋을까요? –

스트라이프가 너비가 2 배 넓고 수직이면, 너비가 4px이고 높이가 1px이고 각 색상이 2px 인 이미지를 만듭니다. 배경 그림으로 추가하고 x와 y를 반복하도록 설정하십시오. – DonJuwe

당신은 CSS3의 선형 그라디언트와 배경 크기 & 반복을 조합하여 사용할 수 있습니다.

2012-02-21 10:25:00 Crinsane

같은 것을 고수 것이다 : 그러니까 기본적으로 우리가 선을 만들

background-color: black; background: linear-gradient(white 50%, black 50%); background-size: 100% 20%; background-repeat: repeat-y;

을 반 검정색과 흰색 반의 그라데이션으로, 컨테이너의 크기를 20 %로 정의합니다. 그래서 마침내 우리가 그것을 반복 할 때 우리는 여러 줄무늬를 얻습니다.

서로 다른 크기의 줄무늬에 대해 20 %를 변경하고 2 가지 색상 비율이 다른 경우 50 % 50 % 비율을 변경하십시오.

희망이 도움이됩니다.

2014-02-26 14:18:33

답변