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

À propos de plusieurs nouveaux attributs d'arrière-plan et attributs de texte dans h5

一个新手
Libérer: 2017-10-23 09:37:18
original
1981 Les gens l'ont consulté

1. Affichage de l'image d'arrière-plan :

①background-size : spécifie la taille de l'image d'arrière-plan

valeur : valeur en pixels, pourcentage, auto, couverture, contenir

②background -origin : Spécifie la position de départ de l'image d'arrière-plan ;

valeur : padding-box (par défaut), content-box, border-box

③background-clip

valeur : padding-box, content-box, border-box (par défaut)

2. HSLA :

Nouvel attribut de couleur

H : Teinte

S : Saturation

L : Luminosité

A : Transparence

3. Nouvelle couleur dégradé :

radial-gradient:(*position(deg),color percentage,color percentage);
Copier après la connexion

Dégradé radial

linear-gradient:(*position,color percentage,color percentage);
Copier après la connexion

Dégradé linéaire

4. Nouveau reflet :

-webkit-box-reflect:(direction,offset,color(可线性),url)
Copier après la connexion

5. Masque MASQUES :

-webkit-mask:(url,repeat,position,size)
Copier après la connexion

6. Personnalisé police :

@font-face{
  font-family:'iconfont';定义字体名
  src:url(‘iconfont.tff’);加载字体
}
Copier après la connexion

7. Points de suspension du texte multiligne : (quatre lignes de CSS au total)

-webkit-box-orient:vertical  =>文本垂直显示
-webkit-line-clamp:3  =>显示 3 行文本
display:webkit-box  =>弹性盒模型
overflow:hidden  =>溢出隐藏
Copier après la connexion

8. Ombre du texte : (peut être utilisé en combinaison)

text-shadow:offsetX,offsetY,模糊距离,颜色
Copier après la connexion

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!

Étiquettes associées:
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