Maison > Article > interface Web > Introduction détaillée à l'arrière-plan et au texte de style CSS
1. Arrière-plan
1. Utilisez l'attribut background-color pour la couleur d'arrière-plan, par exemple : body{background-color:red}.
2. Utilisez l'attribut background-image pour utiliser une image comme arrière-plan, telle que body{background-image:ul1(23.jpg)
3. Utilisez l'attribut background-repeat. pour mosaïquer à plusieurs reprises l'arrière-plan d'une image, répéter-x ou répéter-y signifie respectivement un carrelage horizontal ou vertical,
pas de répétition signifie autoriser le carrelage dans n'importe quelle direction
Par exemple : corps
{background-image:url(23 .jpg)
background-repeat:repeat-x:) }
4. Utilisez l'attribut background-position pour positionner l'arrière-plan, [position : haut, bas , gauche, droite, centre, vous pouvez également utiliser
Pourcentage (50% 50%), valeur de longueur (50px 50px)]
Par exemple : corps
{background-image:url (23.jpg)
background-position:center>
5. Utilisez background-attachment pour définir les attributs d'association d'image. l'arrière-plan de l'image ci-dessous ne défilera pas avec le défilement du texte
body{background-image:url(23.jpg);
background-repeat:no-repeat;
background-attachment :fixed;>
2. Texte
1 Utilisez l'attribut text-indent pour indenter le texte. de la première ligne d'un paragraphe. La valeur du retrait peut être un nombre négatif
Par exemple : p{text-indent:-5em}, mais définir un nombre négatif peut facilement dépasser la bordure gauche de la fenêtre du navigateur. , une attention particulière doit donc être portée ;
L'unité de valeur d'indentation peut être un pourcentage %, l'unité de longueur px et l'unité de mesure em ;
L'attribut text-indent peut être hérité, par exemple exemple :
p#outer {width:500px;}
p#inter {text-indent:10%}
p{width:200px;}
&p id="outer"> ;
du texte.du texte.du texte.
c'est un pragramph
valeur normale, Caractère vide : fusion, caractère de nouvelle ligne : ignorer, retour à la ligne automatique : autorisé ;
valeur nowrap, caractère d'espacement : fusion, caractère de nouvelle ligne : réservé, caractère de nouvelle ligne automatique : non autorisé
pré-retournement de la valeur, caractère d'espacement : réservé , caractère de nouvelle ligne : réservé, retour à la ligne automatique : autoriser
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!