images de style CSS, dégradés et résumé des connaissances associées

1. background-position : (positionnement de l'image)

Trois façons d'écrire :

1) : Selon le ratio %, le coin supérieur gauche est le plus petit (0%, 0%), le coin inférieur droit est le plus grand (100%, %100) : (x, y) ; ) le coin supérieur gauche est le plus petit (0, 0), le coin droit est le plus petit Le coin inférieur est le plus grand (max, max>3) haut, centre, gauche, droite, bas ;

2. background-clip :

1, y compris la valeur de cette partie : border ; content ; >Trois, background-origin :

1, à partir de Cette partie de la valeur commence : border; content; > Quatre, que l'image de fond soit fixe ou défile avec le reste de la page. 1, défilement : défile avec le reste de la page

2, fixe : fixe à une certaine position dans la fenêtre.

Cinq, dégradé :

1, dégradé linéaire : linéaire-gradient :

1) Si c'est un angle : angle, couleur de transition ;
2) Si c'est top. . . , ajoutez avant la direction et la couleur de transition après ;

2, dégradé radial : radial-gradient :

1) La valeur par défaut est le dégradé du point central 2) [taille en haut à gauche] : où la taille est le rayon du dégradé. 3, Dégradé répétitif :

1) Dégradé linéaire répétitif : dégradé linéaire répétitif : Le format est le même que celui du dégradé linéaire.

2) Répétez le dégradé radial : reoeating-radial-gradient : Le format est le même que le dégradé radial.

Les images de style CSS ci-dessus, les dégradés et les connaissances associées (à lire absolument) sont tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence et j'espère que vous soutiendrez le site Web PHP chinois.

Pour plus d'images de style CSS, de dégradés, de résumés de connaissances connexes et d'articles connexes, veuillez faire attention au site Web PHP chinois !