Maison > interface Web > tutoriel HTML > 纯css做三角形图标

纯css做三角形图标

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2016-09-09 08:13:20
original
1177 Les gens l'ont consulté

以前做三角形图标一直是用图片,或者css3旋转,现在才发现原来还有这么简单的三角形

div {

  border: 10px solid transparent;
  border-bottom: 10px solid #000;
  width: 0;

}

只要这么简单的三行css就可以实现一个三角形!

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