-5
Click to see imageText inline mit Rahmen
OK. also bin ich dabei geblieben. Wenn Sie das Bild sehen, hat es eine Überschrift "ROHAN JAISWAL" mit "WEB DEVELOPER" Text im Rahmen. Wie kann ich das erreichen?
A
Antwort
1
Sie können border-top: 0; auf der Box mit Ihrem Namen festlegen. Dann ersetzen Sie den linken und rechten Teil des oberen Rahmens durch zwei pseudo-elements (::before und ::after) auf dem Element, das den Text "Web-Entwickler" enthält. Jedes dieser Pseudo-Elemente können Sie mit einer width, height und background-color die gleiche Farbe wie die Grenze stylen.
Verwandte Themen
- 1. Rahmen um Text mit CSS
- 2. Text mit Farbverlauf und Rahmen
- 3. Latex-Farbbox inline mit Text
- 4. Checkbox inline mit Text - JS-Problem?
- 5. Round Rahmen um Text
- 6. CSS-Rahmen am Zeilenende auf Inline-Elementen
- 7. CSS mit Button inline mit Text
- 8. Rahmen Text von li
- 9. Rahmen um Text UIButton
- 10. kann nicht inline hinzufügen Siggy Rahmen django
- 11. JQuery Fortschrittsbalken Inline Text
- 12. Textrahmen mit CSS (Rahmen um den Text)
- 13. Listenelemente mit Text-, Inline- und Absatzelementen konvertieren
- 14. Bild mit Text inline und Textumbruch stoppen
- 15. Inline Bilder mit Text in Android
- 16. Mitte ausrichten Svg mit Inline-Text
- 17. WPF UIElements Inline mit Text "Verzierungen"
- 18. Anzeige divs inline mit Text unter ihnen
- 19. ersetzen sed Befehl Text inline
- 20. HTML/CSS: Text ausblenden und Rahmen anzeigen
- 21. CSS verkleinern Abstand zwischen Text und Rahmen
- 22. Update UILabel Rahmen und Text kontinuierlich
- 23. Text vom Rahmen einer anderen Anwendung lesen
- 24. Rahmen Text in EditText Kotlin, Android
- 25. Abstand zwischen Text und Rahmen unten
- 26. erhalten ausgewählten Text aus einem anderen Rahmen
- 27. RequiredFieldValidator Orte Anzeige: Inline auf den Text
- 28. Abrufen von Text aus HTML-Rahmen
- 29. Nhibernate Parameter als Inline-Text hinzufügen
- 30. CSS-Übergang zum Anzeigen von Inline-Text
Das Hinzufügen eines Codebeispiels zu dem, was Sie gerade haben, würde Ihnen sehr helfen. – scarsam
Mögliches Duplikat von [CSS: So zentrieren Sie Text mit umgebenden Rändern] (http://stackoverflow.com/questions/12429633/css-how-to-center-text-with-surrounding-borders) –