Ich möchte das Bild vor span-Element setzen. Aber das Bild ist so groß. Kann ich die Größe eines Bildes mit dem :: after Pseudo-Element ändern? Danke.CSS - Das :: nach Pseudo-Element
Antwort
Dies ist, wie Sie Bild vor <span>
hinzufügen können.
span{
margin-left:100px;
}
span:before{
content:'';
width:100px;
height:100px;
left:5px;
position:absolute;
background-image : url("https://source.unsplash.com/random");
}
<span> hi </span>
Danke.) Es ist ein neuer Weg für mich. –
Willkommen @ChristinaShahoyan hoffe, es hat für dich funktioniert, wenn ja, akzeptiere die Antwort :-) – frnt
Akzeptiert. Ich bin neu hier und ich sah es gerade jetzt;) –
- 1. Make CSS pseudoelement: nach der gleichen Höhe wie Eltern div
- 2. Wie CSS verwendet: first-child Pseudoelement
- 3. CSS-Pseudoelement kann nicht überschrieben werden: vor
- 4. Trigger auswählen Dropdown auf Pseudoelement
- 5. Was bedeutet ein "&" vor einem Pseudoelement in CSS?
- 6. Cursor: Zeiger auf Pseudoelement IE
- 7. z-Index für eine Anwendung: Pseudoelement
- 8. Aktualisierung Pseudoelement Inhalt Eigenschaft, wenn HTMLElement.dataset Updates
- 9. css: wie Pseudo-Elemente zu entfernen (nach, vor, ...)
- 10. Hinzufügen von Zeilenumbrüchen zu :: after oder :: before Pseudoelement Inhalt
- 11. So entfernen Sie Unterstreichung in CSS für Anker Pseudoelement in IE
- 12. Erstlinientherapie Pseudoelement funktioniert nicht für p-Element
- 13. IE10: 'visibility: visible' vor dem Pseudoelement 'visibility: hidden' Element
- 14. CSS: nach Inhalt nicht
- 15. Das CSS fade in Bild eins nach dem anderen
- 16. css: nach nicht
- 17. CSS: Zeilenumbruch innerhalb: nach
- 18. CSS-Selektor nach Klasse
- 19. CSS nach Ereignisse geklickt
- 20. CSS: nach mit :: nach nicht in IE8
- 21. Das CSS-Regelobjekt
- 22. Erhalten Hintergrundfarbe nach CSS-Filter
- 23. css Strecke div nach unten
- 24. Hover Untermenü nach links css
- 25. Jquery jeder und sichtbar - Unbekannte Pseudoklasse oder Pseudoelement 'sichtbar'
- 26. Verzögerung nach jeder CSS-Animation
- 27. CSS Fußzeile nach links ausrichten
- 28. CSS-Übergang: Hintergrundfarbe ausblenden, nach
- 29. Webpack - Nach dem Kompilieren von Sass, das resultierende CSS ist das selbe wie die SCS-Datei
- 30. CSS-Animation überläuft das div
Können Sie bitte Ihre Arbeits Code teilen! Jetzt, nachdem du deine Frage gelesen hast, ist alles hier einfallsreich! Und verschiedene Leute können unterschiedliche Vorstellungen haben! :) –
section span :: before { \t \t Inhalt: url ("images/user.png"); \t} –
Mögliche Duplikate von [Kann ich die Höhe eines Bildes in CSS ändern: vor /: nach Pseudo-Elementen?] (Http://stackoverflow.com/questions/8977957/can-i-change-the-height -of-ein-Bild-in-css-vor-nachher-Pseudo-Elemente) – twxia