Tutoriel CSS3 (3) : border-color page web border color_css3_CSS_web page system

Production de pages Web Introduction à l'article Webjx : Voyons maintenant comment ajouter plus de couleurs à la couleur de la bordure. Voyons maintenant comment ajouter plus de couleurs à la couleur de la bordure. L'article précédent présentait : Tutoriel CSS3 (2) : Rayon de bordure de page Web et coins arrondis de page Web à l'aide de CSS3 border-r

Voyons maintenant comment ajouter davantage à la couleur de bordure de la couleur de la bordure.
Voyons maintenant comment ajouter plus de couleurs à la couleur de la bordure.
L'article précédent présentait : Tutoriel CSS3 (2) : Rayon de bordure de page Web et coins arrondis de page Web
Utilisez la propriété border-radius de CSS3 Si vous définissez la largeur de la bordure sur X px, alors vous pouvez. Utilisez X couleurs sur la bordure, chaque couleur affichant une largeur de 1 px. Si votre bordure fait 10 pixels de large, mais que seulement 5 ou 6 couleurs sont déclarées, la dernière couleur sera ajoutée à la largeur restante. Compatibilité des navigateurs
Actuellement, seul Firefox prend en charge la propriété CSS3 border-colour, nous n'avons donc besoin d'utiliser ici que le préfixe -moz.
Tous les articles de cette série sur CSS3 seront mis à jour à temps pour suivre la compatibilité des navigateurs. Couleur de la bordure en CSS3

Voici une bordure et une couleur de bordure standard de 10 px de large :
#borderColor { border: 10px solid #dedede -moz-border- bottom-; couleurs : #300 #600 #700 #800 #900 #A00 ; -moz-border-top-colors : #300 #600 #700 #800 #900 #A00 ; #700 #800 #900 #A00 ; -moz-border-right-colors : #300 #600 #700 #800 #900 #A00 ; remplissage : 15px 25px ; hauteur : hériter ; largeur : 590px ; :

FireFox (3.0.5)

Google Chrome (1.0.154)

Google Chrome (2.0.156)

Internet Explorer (IE7/ IE8 RC1)

Opera (9.6)

Safari (3.2.1, Windows) Couleur de bordure avec coins arrondis

#borderColorCorner { bordure : 10px solide #dedede ; -moz-border-radius : 15px ; -moz-border-bottom-colors : #303 #404 #606 #808 #909 #A0A ; 404 #606 #808 #909 #A0A ; -moz-border-left-colors : #303 #404 #606 #808 #909 #A0A ; -moz-border-right-colors : #303 #404 #606 #808 # 909 #A0A ; remplissage : 15px 25px ; hauteur : hériter ; largeur : 590px ; }

Prise en charge du navigateur :

FireFox (3.0.5)

Google Chrome ( 1.0.154 )

Google Chrome (2.0.156)

Internet Explorer (IE7/IE8 RC1)

Opera (9.6)

Safari (3.2 .1, Windows)

Ce qui précède est le contenu du didacticiel CSS3 (3) : border-color web page border color_css3_CSS_web page system Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !