Abgeschnittene Ecken mit einer Umrandung bilden

Question

Abgeschnittene Ecken mit einer Umrandung bilden

8

Ich möchte eine Form in html erstellen, die abgeschnittene Ecken und eine Grenzlinie um die Form herum aufweist.

Ich kann abgeschnittene Formen ohne eine Grenze wie folgt machen:

html:

%Vor%

css:

%Vor%

Hier geht's

Jetzt möchte ich eine Grenze, die um die Form geht. Wie soll ich das tun?

Ich möchte eine Form, die ungefähr so aussieht:

Gefüllt mit einer Farbe.

html css css3 shape css-shapes

user1386906 30.12.2012, 18:58

quelle

3 Antworten

Tags und Links html css css3 shape css-shapes

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Automatisierung von SSH in Windows mit Ruby

score 3 · Answer 1

Wenn Sie Ihre HTML-Struktur ein wenig verändern, könnte ich dies

machen %Vor%

Grundsätzlich fügt es ein weiteres div unter dem bestehenden ein. Für den Cuttof-Effekt spielt es mit Randabmessungen.

EDIT: Ich habe auch eine Möglichkeit zur Verfügung gestellt, Inhalte in den Bereich zu integrieren.

score 0 · Answer 2

0

Probieren Sie es aus:

%Vor%

Übrigens habe ich dieses Beispiel auf der folgenden Seite gefunden (und deshalb behaupte ich nicht, dass der Code mir gehört): Ссылка

Voullage 30.12.2012 21:08

quelle

score -1 · Answer 3

-1

Ich bin nicht wirklich sicher, ob Sie das suchen, aber ich denke, Sie könnten das CCS3 border-Radius-Attribut verwenden, um es zu erreichen. Vielleicht lohnt es sich, einen Blick darauf zu werfen. Vielleicht können Sie etwas wie das folgende versuchen:

%Vor%

Voullage 30.12.2012 20:13

quelle