Erstellen einen Rahmen aus einem einzigen Buchstaben

Question

ich eine Website bin Styling und wie ich in letzter Zeit auf dem Back-Office konzentriert wurde ich bin nicht sicher, wie dies zu erreichen .. Vielleicht kann mir jemand helfen,

Haupt div ist 1000 Pixel breit. Und möchte eine Grenze für dieses div, das aus einem einzelnen Buchstaben besteht, erstellen. Ich denke, es würde ein rohes Aussehen geben, anstatt eine Polsterung mit einer Farbe hinzuzufügen.

es würde wie folgt aussehen:

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
@       @ 
@       @ 
@       @ 
@       @ 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 

Gibt es eine Möglichkeit, dies leicht zu erreichen. die mit fester Breite div Betrachtet man kann auf Geräte angepasst werden und kann daher seine Breite variieren ..

Answer 1

Sie können border-image verwenden, um etwas ganz in der Nähe zu erreichen, was Sie wollen. Ich sage sehr nah, wegen der dynamischen Auflösung des Divs, also sind die Chancen, dass einige der Charaktere beschnitten werden.

können Sie fügen die round Option von der Regel, um alle Zeichen Zuschneiden zu verhindern:

wiederholt Bitmap (rund)

Die runde Option ist eine Variation der Wiederholungsoption, die verteilt die Fliesen so, dass sich die Enden gut verbinden.

Nützliche Artikel zeigen, wie das Bild selbst zu erstellen: https://css-tricks.com/almanac/properties/b/border-image/#article-header-id-10

In Ihrem Fall wäre es von 8 @ Zeichen bestehen, die ein Quadrat bilden.