Heim  >  Artikel  >  Web-Frontend  >  Die Verwendung von abgerundeten CSS3-Rändern-Escape Tornado

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

WBOY
WBOYOriginal
2016-08-20 08:47:521656Durchsuche

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn