Maison >interface Web >tutoriel HTML >À propos de plusieurs nouveaux attributs d'arrière-plan et attributs de texte dans h5

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

一个新手
一个新手original
2017-10-23 09:37:182009parcourir

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);

Dégradé radial

linear-gradient:(*position,color percentage,color percentage);

Dégradé linéaire

4. Nouveau reflet :

-webkit-box-reflect:(direction,offset,color(可线性),url)

5. Masque MASQUES :

-webkit-mask:(url,repeat,position,size)

6. Personnalisé police :

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

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  =>溢出隐藏

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

text-shadow:offsetX,offsetY,模糊距离,颜色

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!

Déclaration:
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