-6
ich möchte eine reine css-linie innerhalb eines divs machen, wie im Bild unten, ist das möglich?Wie macht man eine komplexe Linie in reinem CSS?
thanx
A
Antwort
1
Hier ist ein Code, um loszulegen.
.lineWrapper {
background-color: cornflowerblue;
padding: 30px;
}
.lineWrapper .line {
width: 50px;
height: 50px;
border-left: 1px solid white;
border-bottom: 1px solid white;
}
.lineWrapper .line:first-child {
border-top: 1px solid white;
}<div class="lineWrapper">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>+0
wow ... so viele Antworten, vielen Dank ... Ich habe dies bis jetzt, basierend auf der Antwort oben ... Ich dachte vorher zu verwenden: und nach ... aber wahrscheinlich ist dies der einfachste Weg, es zu tun : https://jsfiddle.net/u8ywdx06/3/ weil ich jedes Einzelteil steuern möchte ... also muss ich dieses optimieren ... aber ich werde auch zu den anderen Antworten schauen ... –
+0
@AlexMatino: Willkommen bei Stack Overflow. Es wird erwartet, dass Sie versuchen, Hilfe zu implementieren und anzufordern, wenn ein Problem auftritt. Schreiben Sie immer den Code, den Sie versucht haben, so dass die Leute hier gerne helfen würden. Glückliche Kodierung! – Pugazh
Verwandte Themen
- 1. Wie man diese Linie macht
- 2. Wie erstellt man eine benutzerdefinierte Farbrollleiste in reinem CSS?
- 3. Wie man vertikale Linie in css
- 4. Wie man Streifen td in css macht?
- 5. wie man Übergang Ellipse in css macht
- 6. Wie macht man eine Reihe von Pausen in CSS?
- 7. Wie man eine Inhaltseigenschaft in CSS macht, benutze php
- 8. Wie macht man eine Gleitbewegung mit CSS in eckigen?
- 9. Wie formatiere ich eine Fußzeile in reinem CSS?
- 10. Wie mache ich eine toggbare Navbar in reinem CSS?
- 11. Wie erstellt man eine Box, wenn man in reinem CSS über den Text fährt?
- 12. Wie man eine Schiffsanimation macht
- 13. HTML/CSS macht 3 Bilder in Linie reaktionsschnelle und gut
- 14. Logo Design mit reinem CSS
- 15. Polygon Button mit reinem CSS
- 16. Wie macht man gleitende CSS-Elemente?
- 17. Wie man CSS Trennzeichen Halbkreis macht?
- 18. Wie macht man eine Form, die mit CSS-Grenzen reagiert?
- 19. Winken Linie in CSS
- 20. Wie man css umgekehrte Animation macht?
- 21. Wie macht man zweifarbige Streifen mit CSS?
- 22. wie man spinnenden kanten gerundet macht css
- 23. Wie färbt man eine Linie in SFML?
- 24. Wie in reinem css ähnlich den großen Websites zu entwerfen
- 25. , wie ich tun, um eine Dreiecks Hintergrund mit reinem CSS
- 26. Machen Sie eine bestimmte trapezförmige Form in reinem css
- 27. css Übergang mit reinem Javascript
- 28. , wie man eine komplexe Steuerung RESTful-ize
- 29. Wie macht man eine Transformationsskalenanimation mit jQuery?
- 30. Wie man eine Shell macht?
Sie versucht, etwas für das? –
Haben Sie auch einen HTML-Code (Inhalt) mit dieser Zeile? –