Vergleich zwischen CSS und CSS3

Original-CSS:

Rahmenattribut

Rahmenfarbe: Rahmenfarbe

Rahmenbreite: Rahmenbreite

Rahmenstil: Rahmenstil

none: Kein Rand. Unabhängig von einem angegebenen Randbreitenwert
hidden: Blendet den Rand aus. IE unterstützt nicht
gepunktet: IE4+ auf der MAC-Plattform und IE5.5+ auf den WINDOWS- und UNIX-Plattformen sind gepunktete Linien. Ansonsten ist es eine durchgezogene Linie (häufig verwendet)
gestrichelt: Auf der MAC-Plattform sind IE4+ und WINDOWS und IE5.5+ auf der UNIX-Plattform gepunktete Linien. Ansonsten handelt es sich um eine durchgezogene Linie (häufig verwendet)
durchgezogen: durchgezogener Linienrand (häufig verwendet)
doppelt: doppelter Linienrand. Die Summe zweier Einzellinien und ihrer Abstände ist gleich dem angegebenen Randbreitenwert
Groove: Zeichnen Sie eine 3D-Rille entsprechend dem Wert von „Border-Color“
Ridge: Zeichnen Sie einen Diamantrand entsprechend dem Wert von „Border“. -color
Einschub: Zeichnen Sie einen Rhombus-Rand entsprechend der Randfarbe. Zeichnen Sie eine konkave 3D-Kante entsprechend dem Wert von -color
Ausgang: Zeichnen Sie eine konvexe 3D-Kante entsprechend dem Wert von Randfarbe

css3

border border attribute:

border-radius: abgerundete Ecken

div

{

border:2px solid;

border-radius:25px ;

-moz-border-radius:25px; /* Old Firefox */

}

Box-Shadow: Randschatten

Zum Beispiel:

div

{

Box-Shadow: 10px 10px 5px #888888;

}

border-images: border images

border-image-soure

border-image-slice

border-image-width

border-image-outset

border- image-repeat

Weitere Artikel zum Vergleich zwischen CSS und CSS3 finden Sie unter die chinesische PHP-Website!