Ukośne czarne paski na szarym tle na całej stronie jak tło. Jak zrobić tego typu tło?

pytanie zadane 3 stycznia 2017 w HTML i CSS przez Krzysiek_34 Mądrala (6,050 p.)

Witam.

Link do tła:

http://imageshack.com/a/img922/9013/9nD4kq.jpg

Chodzi o to, abym to tło mógł umieścić na całej stronie albo podstronie. Zauważcie, że są to ukośne czarne paski na szarym tle i są nawet ładne dla oka.

Na to tło trafiłem przypadkiem ze strony:

https://cinemageddon.net/

i zauważcie, że te ukośne czarne paski znajdują się TYLKO na środku tej strony, a nie na całej stronie.

Wiecie co należy wydobyć z kodu tej strony, aby po drobnych zmianach w CSS uzyskać to tło na całej stronie albo podstronie? Być może jest jakiś inny sposób...

komentarz 3 stycznia 2017 przez jaca121212 Nałogowiec (40,760 p.)

Chodzi o to, abym to tło mógł umieścić na całej stronie albo podstronie. Zauważcie, że są to ukośne czarne paski na szarym tle i są nawet ładne dla oka.

Jak dobrze to zrozumiałem to chodzi ci o takie cóż http://jsbin.com/tayiguvuji/1/edit?output

4 odpowiedzi

odpowiedź 3 stycznia 2017 przez dominik36 Początkujący (480 p.)

Hej.

Zerknij :

https://subtlepatterns.com/pinstriped-suit/

Bardzo zbliżone tło do tego którego szukasz, może gdybym był bardziej dociekliwy znalazłbym prawie identyczne, lecz czas goni a zajęcia nie poczekają :)

komentarz 3 stycznia 2017 przez Krzysiek_34 Mądrala (6,050 p.)

Podoba mi się to tło:

https://subtlepatterns.com/pinstriped-suit/

Prawie w 100% takie samo jakiego szukam. Dzięki za pomoc, dominik36.

odpowiedź 3 stycznia 2017 przez operator Stary wyjadacz (10,920 p.)

<body>
	<div id="container"></div>
</body>

body{
	background-image: url("background.gif");
	background-repeat: repeat;
	background-size: 210px;
}
body #container{
	background-image: url("background.gif");
	background-repeat: repeat;
	width: 300px;
	height: 300px;
	border: solid 3px pink;
}

komentarz 3 stycznia 2017 przez Krzysiek_34 Mądrala (6,050 p.)

Zastosowałem taki zapis w CSS i jest OK:

body
{
	font-family: Verdana;
	margin: 0px;
	width: 100%;
	background-image: url("obrazki/background/pinstriped_suit_1.png");
}

Tło w PNG ma rozdzielczość 400x333. Skoro szerokość (width) w body dałem 100%, to już powtarzanie tła ---> background-repeat: repeat; nie jest potrzebne w tym body, co nie?

Zapis w body - width: 100% to jest to samo co background-repeat: repeat w tym przypadku?