Maison > interface Web > tutoriel CSS > le corps du texte

Cours recommandés sur fonds rayés

零下一度
Libérer: 2017-06-13 09:17:52
original
1569 Les gens l'ont consulté

Grâce au dégradé linéaire en CSS, des effets de rayures dans différentes directions peuvent être affichés. Ici, nous allons découvrir les techniques permettant de créer des styles d'arrière-plan rayés pour les pages Web à l'aide de CSS. Les amis qui en ont besoin peuvent se référer au code suivant pour les rayures horizontales : background : gradient linéaire (#fb3 20%, #58a 80%) Le code ci-dessus indique que les 20% supérieurs et les 20% inférieurs de l'image entière sont des couleurs unies correspondantes, et que seule la partie centrale est une couleur dégradée. Si la partie médiane est progressivement réduite, lorsque la partie médiane devient 0, c'est-à-dire que les sept points et points finaux des couleurs supérieure et inférieure sont les mêmes, il n'y aura pas de dégradé et cela deviendra une barre de couleur de deux couleurs : background: Linear-gradient(#fb3 50%, #58a 50%); Ensuite, vous pouvez définir la taille de l'arrière-plan pour réduire la hauteur de l'arrière-plan et l'arrière-plan se répète par défaut, ce qui donne un arrière-plan rayé : Linear-gradient( #

1 . Partage de conseils pour créer des styles d'arrière-plan rayés pour les pages Web à l'aide de CSS

Cours recommandés sur fonds rayés

Introduction : Grâce à CSS dans Linear-gradient, vous pouvez principalement afficher des effets de rayures dans différentes directions. Ici, nous expliquerons en détail les techniques de création de styles d'arrière-plan à rayures pour les pages Web à l'aide de CSS. Les amis dans le besoin peuvent se référer à <.>

2. Partagez des tutoriels pratiques sur la création d'arrière-plans rayés CSS3

Cours recommandés sur fonds rayés

Introduction : Cet article présente principalement les bandes CSS3. Les stratégies pratiques pour la production en arrière-plan sont expliquées séparément en fonction du navigateur Forefox et du navigateur basé sur le webkit. Les amis dans le besoin peuvent se référer à

3.

CSS Secret Garden : Lignes de texte sur fond de rayures zébrées_html/css_WEB-ITnose

Introduction : CSS Secret Garden : Lignes de texte sur fond de rayures zébrées

4.

Tutoriel sur la façon de créer un arrière-plan simple à rayures radiales avec Photoshop

Cours recommandés sur fonds rayés

Introduction : Ce tutoriel est destiné à Un ami a présenté une méthode simple pour créer un fond de rayures radioactives à l'aide de Photoshop. Le fond radioactif produit dans le tutoriel est très bon et la méthode est très simple. pratique. Je le recommande. Apprenons ensemble

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal