HTML Problem Elementen Hintergrund?

Hallo,
eine kurze, Frage. Wie kriege ich das in css hin das alle Elemente einen Grauen Hintergrund bekommen ohne das ich das für jedes Element einzeln machen muss und ohne das ich den HTML Code ändern muss? Also wirklich nur die Elemente nicht den ganzen body.

Bild zum Beitrag

5 Antworten

GanMar

08.07.2019, 13:37

Wenn Du einem Element keine Hintergrundfarbe gibst, dann hat es einen transparenten Hintergrund - und dann scheint die Hintergrundfarbe des body durch. Es reicht also, dem body eine Farbe zuzuweisen.

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-color

whgoffline

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

08.07.2019, 13:33

background-color: gray;

}

Woher ich das weiß:Studium / Ausbildung – Informatikstudent

rettich422

08.07.2019, 13:34

dann ist ja alles grau, nicht nur die elemente

whgoffline

08.07.2019, 13:35

@rettich422

Ups stimmt

Managmedia

08.07.2019, 22:44

body {

background-color: grey;

}

Hintergrund Farbe Grau.

Woher ich das weiß:eigene Erfahrung

JayC71

08.07.2019, 13:51

h1,p,ul,li {
   background-color: grey;
}

Woher ich das weiß:Berufserfahrung – Software-Entwickler

rettich422

08.07.2019, 13:33

pack alle elemente in eine div und gib der den hintergrund

Ähnliche Beiträge

CSS bei Hover anderes Element verändern?

Ganz ohne JavaScript

Mit dem Code unten kann ich beim hovern auf container1 die Hintergrundfarbe von container2 ändern weil er in container1 drinnen ist

aber geht es nicht auch so das ich den Body Hintergrund auf grün oder so ändern kann ?

    #container1{
            height: 50vh;
            background-color: blue;
        }
        #container2{
            height: 25vh;
            width: 100%;
            background-color: red;
        }
        #container1:hover #container2{
            background-color: green;
        }
    <div id="container1">
            <div id="container2"></div>
    </div>

...zum Beitrag

.gif Datei als HTML Hintergrund?

Hey Community! ich möchte mittels html & css ein .gif Video als hintergrund in einer .html benutzen. wie wäre dafür der code in html und css?

...zum Beitrag

Welche Schriftfarbe passt gut auf einen schwarzem Hintergrund?

Ich bringe mir selbst HTML bei und hab eine externe CSS-Datei gemacht. Aber darum geht es gar nicht, meine Frage ist nur: Welche Farbe passt gut auf komplett schwarzem Hintergrund? Einzige Antwort, die ich wirklich nicht brauche ist weiß, da würde ich auch selbst drauf kommen, ich finde es sieht langweilig aus, was meint ihr welche farbe passt?

Hier sind die Farben: http://www.html-php-mysql.de/generatoren/colors.php Postet bitte nur den HTML-Code, den ihr vor der Farbe findet, die beste Farbe wird ausgezeichnet ;)

...zum Beitrag

Warum ist da noch Rand um der Navbar?

Hallo, bin Anfänger und will ne HTML/CSS Seite erstellen. Als erstes Element habe ich eine Navbar eingefügt, aber darum ist noch ein schmaler Rand vom Hintergrund. Wie bekomme ich den weg?

...zum Beitrag

html/css hintergrund verschwommen machen mit filter: blur()?

ich habe bei der css datei:

body{

background-image:url(background.gif) ;

genommen und logischerweise wird die navigation oben von der website auch verschwommen, wenn ich filter: blur() eingebe. wie mache ich dies nur für den hintergrund?

...zum Beitrag

Wie kann ich ein Foto in einer CSS oben links in die Ecke machen?

Moin, ich möchte ein Bild in meiner CSS oben links in die Ecke machen, damit das auf jeder Seite so ist.

Der Code für meine HTML:

<!doctype html>
<html>
<head>
<title>Informatik</title>
<link href="Kurz.css" rel="stylesheet" type="text/css">
</head>
<body>
<footer></footer>
<script language="javascript" type="text/javascript" src="Footer.js"></script>
</body>
</html>

Der Code für CSS:

html {
  height: 100%;
}
body {
 background-image: url("Bilder/getraenkeguenther.jpg");
 background-repeat: no-repeat;
 background-position: left top;
 min-height: 100%;
 margin: auto;
 display: flex;
 flex-direction: column;
}
footer {
  margin-top: auto;
  height: 200px;
  text-align: center;
background-color: deepskyblue;
}

Der Code der JS:

var footer = `
<a>Impressum</a>
`;
document.getElementsByTagName("footer")[0].innerHTML = footer;

Das backgroundimage soll quasi als einzelnes Bild oben links in die Ecke

...zum Beitrag

HTML/CSS Hintergrund "festhalten"?

Hey,

Ich bin gerade dabei ein Forum zu programmieren, und nehme mir ein Vorbild an http://forum.diesesforum.de/index.php Man muss sich glaube registrieren damit man das gut sehen kann.

Aber ich wollte mal fragen, wie ich es schaffe, das dieser Graue Hintergrund beim Scrollen nicht mitkommt sondern da bleibt, also das der Header und der Boty und Footer sozusagen dadrüber fliegen.

Danke im Vorraus

...zum Beitrag

Bilder untereinander HTML/ CSS?

Ich habe alles versucht damit die Bilder untereinander gehen aber kriege es nicht hin. Hier sind Bilder wie das aus, von HTML und von CSS. Über Hilfe würde ich mich sehr freuen!

...zum Beitrag

Farbe automatisch ändern-CSS/HTML?

Hallo, ich möchte, dass meine Überschrift die Farbe wechselt, aber nicht der Hintergrund, sondern die Buchstaben selber. Wie funktioniert das?

...zum Beitrag

Wieso ändert sich bei height und width nur die Position des Elements?

Hallo zusammen,

ich versuche mit CSS meinen Slider höher bzw. breiter zu stellen (mit width und height).

Leider ändert sich nur die Position des Sliders. Weiß jemand, wo das Problem ist bzw. wie man es beheben kann?

Es ist ein .slider bei CSS und ich benutze VS, falls diese Info relevant sein sollte.

...zum Beitrag

HTML/CSS Button Funktioniert nicht richtig?

Hallo,

Ich habe einen RGB Knopf der auch wunderschön leuchtet:

Aber wenn ich auf ihn kliche, wirde der ganze hintergrund zu RGB. Hier der CSS Code:

https://pastebin.com/77rnPQLt

Wie kann ich das beheben?

MfG

...zum Beitrag

CSS background gif UND background color?

Halloo, Eine Frage zu CSS, wie man im Titel schon erkennen kann :)

Undzwar habe ich folgendes Programm geschrieben:

html, body {
 margin: 0;
 padding: 0;
}

.hintergrund {
 background: url(bla.gif) no-repeat center center;
 background-size: cover;
 height: 350px;
 text-align: center;
}

So, mein Wunsch wäre es unter dem Gif noch die Hintergrundfarbe zu ändern.. Weiß jmd wie das funktioniert?

...zum Beitrag

Mit CSS ein bestimmtes Elternelement ansprechen?

Hallo!

Ich möchte, dass das Element div.gruppe nur dann einen Hintergrund erhält, wenn es ein span#ich beinhaltet. Geht das mit CSS und HTML?

Also ich möchte das Elternelement nur bei einem bestimmten Kindelement selektieren. Was wäre der richtige Selektor?

LG Jan

...zum Beitrag

Wie kann man in HTML mit CSS einzelne Linkfraben ändern?

Hallo :)

Ich arbeite gerade an einer Website. Ich habe für das .html Dokument die Links alle als color: white definiert. Nun möchte ich aber einzelne Links einer div class in Farbe color: black haben.

Weiß jemand wie ich die einzelnen Linkfarben ändern kann?
Danke :)

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen