Code eine andere Struktur in CSS

8

Das Bild:

Ich möchte dieses Bild kodieren!

Ein einfacher Code: (mit Problem)

%Vor%

..............

    
danial dezfooli 31.07.2015, 10:42
quelle

2 Antworten

2

Sie können einen Hack mit Pseudoelementen auf diese Weise machen -

%Vor% %Vor%
    
Siddharth Thevaril 31.07.2015, 10:59
quelle
1

Das ist mein Ansatz: Ссылка

Ich habe 4 div -Elemente in der Reihenfolge LBRT erstellt: Das erste Element (der linke vertikale Balken) überlappt den letzten (den oberen horizontalen Balken) im oberen linken Kreuz auf ein :before pseudoelement angewendet auf den linken vertikalen Balken.

Alle Größen und Offsets sind in relativen Einheiten, so dass Sie einfach die gesamte Zeichnung vergrößern oder verkleinern können, indem Sie einfach die Größe des Elternelements ändern.

Markup

%Vor%

CSS

%Vor%

Ergebnis

    
fcalderan 31.07.2015 11:17
quelle

Tags und Links