CSS Kreis mit Rahmen

Question

CSS Kreis mit Rahmen

11

Jede Anleitung, die ich finde, hat die Linie und füllt die gleiche Farbe. Alles, was ich will, ist ein Kreis mit einer roten Linie und einer weißen Füllung.

Ich habe es versucht:

%Vor%

Aber kann die rote Grenze nicht bekommen?

css css-shapes

Stre 22.10.2015, 09:32

quelle

5 Antworten

Tags und Links css css-shapes

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Fehler im Nuget-Paket erhalten

score 20 · Answer 1

20

Sie haben vergessen, die Breite des Rahmens festzulegen! Ändern Sie border: red; in border:1px solid red;

Hier der vollständige Code, um den Kreis zu erhalten:

%Vor% %Vor%

Sebastian Brosch 22.10.2015 09:34

quelle

score 10 · Answer 2

Sie verpassen die Rahmenbreite und die border style Eigenschaften im Kurzschrift für die Grenze :

%Vor% %Vor%

Sie können auch Prozentwerte für die border-radius-Eigenschaft verwenden, sodass der Wert nicht von der Kreisbreite / -höhe abhängt. Deshalb habe ich 50% für border-radius verwendet (mehr Informationen zu border-radius inn Pixel und Prozent hier ).

Seitennotiz: In Ihrem Beispiel haben Sie die border-radius-Eigenschaft nicht ohne Vendor-Präfixe angegeben, die Sie wahrscheinlich nicht als einzige Browser benötigen, bevor Chrome 4 Safari 4 und Firefox 3.6 sie verwenden (siehe canIuse ).

score 2 · Answer 3

2

Ссылка

%Vor%

Ya Zhuang 22.10.2015 09:34

quelle

score 1 · Answer 4

1

Hier ist eine jsfiddle , damit Sie ein Beispiel dafür sehen können.

HTML-Code:

%Vor%

CSS-Code:

%Vor% %Vor%

Florin Pop 22.10.2015 09:37

quelle

score 0 · Answer 5

0

Versuchen Sie Folgendes:

%Vor%

Nalan Madheswaran 21.09.2017 05:10

quelle