font-size,Html+CSS绘制三角形图标

By 唐存波

  font-size,Html+CSS绘制三角形图标
  Html+CSS绘制三角形图标
  这篇文章主要为大家详细介绍了Html+CSS绘制三角形图标的相关代码,很多网页都有三角形的图标,通常是切的图片,这里可以用css3+html写出三角形,感兴趣的小伙伴们可以参考一下
  <htmllang="en">
  <metacharset="UTF-8">
  <title>Document</title>
  <styletype="text/css">
  border-color:#FF9600#3366ff#12ad2a#f0eb7a;
  overflow:hidden;/*这里设置overflow,font-size,line-height*/
  font-size:0;/*是因为,虽然宽高度为0,但在IE6下会具有默认的*/
  line-height:0;/*字体大小和行高,导致盒子呈现被撑开的长矩形*/
  border-color:#FF9600#3366ff#12ad2a#f0eb7a;
  border-color:#FF9600transparenttransparenttransparent;
  border-color:#FF9600transparenttransparenttransparent;
  border-style:soliddasheddasheddashed;
  border-color:#FF9600#3366fftransparenttransparent;
  border-style:solidsoliddasheddashed;
  <divid="test1"></div><br>
  <divid="test2"></div><br>
  <divid="test3"></div><br>
  <divid="test4"></div><br>
  <divid="test5"></div><br>
  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
  <title>Document</title>,<styletype="text/css">,导致盒子呈现被撑开的长矩形*/,<divid="test1"></div><br>。

 Category: 车闻铁事

Leave a Reply