Heim > Artikel > Web-Frontend > 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