Die Verwendung von abgerundeten CSS3-Rändern-Escape Tornado

0. Schnellstart

Rahmenradius:50px;

1. Detaillierte Erläuterung des Grenzradius

Rahmenradius:50px;

Oben rechts, unten links, horizontaler und vertikaler Abstand betragen 50 Pixel

Grenzradius:50 %;

Das %-Zeichen hier ist die Basislänge und -breite des angewendeten CSS-Stilelements

Grenzradius:50 % 30 % ;

Nach oben und unten, horizontal und vertikal etwa 50 %, horizontal und vertikal jeweils 30 %

Grenzradius:50 % 30 % 10 %;

Oben, horizontal und vertikal beträgt 50 %, links und rechts, horizontal und vertikal beträgt 30 %, unten, horizontal und vertikal beträgt 10 %

Grenzradius:10 % 50 % 30 % 10 %;

Oben betragen horizontal und vertikal jeweils 10 %. Rechts, horizontal und vertikal betragen jeweils 50 %. Nach unten, horizontal und vertikal betragen 30 %. Links, horizontal und vertikal betragen alle 10 %

/Die Vorderseite ist horizontal,/die Rückseite ist vertikal

Grenzradius:50 % / 30 % ;

Oben, links, unten und rechts, horizontal beträgt 50 %, vertikal beträgt 30 %

Grenzradius:50 % / 30 % 10 %;

50 % für oben, rechts, unten und links, horizontal, 30 % für vertikal, links und rechts, 10 % für vertikal;

Für die restlichen Regeln wurden vor ihrer Verwendung Beispiele gegeben, daher werde ich sie nicht einzeln beschreiben

2. Individuelle Einstellungen

border-top-left-radius:10%;

border-top-left-radius:10% 30%;

Unten entspricht oben, rechts entspricht links