Skocz do zawartości
PL
Szukaj na Pecetowiczu
  • Utwórz konto

Sekcje z różnym kolorem tła w CSS i HTML


Przejdź do rekomendacji Rozwiązane przez Mativve,
Rekomendowane odpowiedzi

Chodzi mi tutaj oto, że mamy sobię stronę i na danym kawałku tło jest białe a na danym kawałku zółty i pozniej na danym kawałku jest brązowe, pózniej zielone? Jak to zrobić, żeby na np: 1 części było tło zielone, a na 2 białe?  Bo teraz na całej stronie mam tło białe..

Dam przykład: Powiedzmy, że mamy: Jakąś stronę z internetu i tutaj na zdjęciu jest pokazane

small-business.jpg

Odnośnik do komentarza
Udostępnij na innych stronach

  • Rekomendowana odpowiedź

Pewna część forumowiczów wie, że robisz już strony a powyższy problem to jest jedno z podstawowych rzeczy jakich robi się przy !! nauce !! i poznawaniu kodowania.

Na chłopski rozum jeśli w jednej części mamy mieć jakiś kolor a w drugim kolejny to należy oddzielić te dwa elementy np: tagami 'div' lub 'section' a następnie poprzez nadanie klasy bądź id (wszystko zależy od tego jak identyfikujesz pozostałe elementy strony) a następnie wewnątrz dodać to czego potrzebujesz (obrazki, tekst itp.).

<section>
  moja zawartość białej sekcji
</section>

<section class="green">
  moja zawartość zielonej sekcji
</section>

To dodajesz w swoich stylach

section{
    height:500px;
}

section.green{
    background-color:#0f0;
}

 

Odnośnik do komentarza
Udostępnij na innych stronach

Cześć! tak jak w opisie potrzebuje takie czegoś, że jest sobię np. dana rzecz np: formularz itd i tam gdzie formularz to tło jest np. szare a pod spodem jest np. coś innego i jest tło białe? Jak to zrobić żeby np: u góry było białe a na dole szare?

Przykładowe zdjęcie:

Screenshot 2018-12-12 15-50-21.jpg

Możecie mi wytłumaczyć bo generalnie background-color #fff np, ale to wtedy robi się całość to znaczy nie jest tak jak na zdjęciu. Tylko inaczej to wygląda.

Odnośnik do komentarza
Udostępnij na innych stronach

Kurcze, język Polski trudny język. Czy tylko ja nie zrozumiałem nic z Twojego postu? Jest formularz i co dalej? np, np, itd. Napisz to raz, a porządnie. Gdzie i jakie ma być tło, każdy input może mieć swoją klase(class), wiec kieruj się tym i napisz post co masz w tym "swoim" kodzie.

Odnośnik do komentarza
Udostępnij na innych stronach

Napisałem wyrażno, więc nie rozumiem o co Tobie chodzi?

Pytam się jak zrobić tak jak na zdjęciu? żeby górna strona miała tło koloru szarego, a dolna białego tak jak jest pokazane na zdjęciu.

Odnośnik do komentarza
Udostępnij na innych stronach

background-image: linear-gradient(#404040, #ffffff);

Poczytaj sobie o "CSS Gradients"

Odnośnik do komentarza
Udostępnij na innych stronach

@Weak.Rozumiem, ale nie chodzi mi oto... Dałem przykład gradientu.. Tutaj chodzi mi oto, że na całej stronie mam tło białe a chce żeby np. Przy danej rzezy był kolor tła szary, a przy danej rzeczy biały. Tak jak tutaj jest, ze u góry gradient a na dole biały..  Jak to zrobić? Bo dodaje background-color: #fff; i to zle wychodzi? Powiesz mi jak to zrobić, aby tam gdzie mam np: Kontakt był kolor szary a tam gdzie mam np. jakiś tekst był kolor biały. Chodzi mi tutaj oto, że taki prostokąt jak na zdjęciu jest!!!

Odnośnik do komentarza
Udostępnij na innych stronach

Dodam tylko, że nie powinieneś tak tego robić

Odnośnik do komentarza
Udostępnij na innych stronach

 Wiem, że tak się nie robi, ale nadałem to po to aby 'zwizualizować treść'. Już poprawiam, żeby nie wprowadzało w błąd  

Odnośnik do komentarza
Udostępnij na innych stronach

Kontynuuj dyskusję

Dołącz do Pecetowicza, aby kontynuować dyskusję w tym wątku.

  • Dodaj nową pozycję...
  • Dodaj nową pozycję...