• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Ein Bild mit CSS einfügen?

pstein

Neues Mitglied
Angenommen ich habe ein HTML Code etwa wie folgt:

<div class="aaa">
<p class="bbb">
....
</p>
</div>

Jetzt will ich ein Bild innerhalb des Elementes <p class="bbb">...</p> einfügen.
Und zwar soll nicht der HTML code geändert werden sondern das ganze soll über CSS passieren.

Geht das?
Könnte so etwas wie folgt funktionieren:

.aaa { img src="http://www.mydomain.com/mypic.png" !important; }
oder
.bbb { img src="http://www.mydomain.com/mypic.png" !important; }
Danke
Peter
 
Moin,
du kannst mit den pseudo elementen :after und :before content einfügen

Code:
.aaa:before {
    padding-right: 5px;
    content: url(mypic.png);
}
.bbb:after{
    padding-left: 5px;
    content: url(mypic.png);
}
 
Zurück
Oben