纯css制作的三角形

2015/12/14 35234

清华大佬耗费三个月吐血整理的几百G的资源，免费分享！....>>> 

ul{list-style:none;}
   ul li{float:left;display:inline;text-align:center;}  /*防双倍margin*/
     li:before{display:block;height:0;width:0;border-color:#f00 transparent;border-width:15px 15px 0 15px;border-style:solid;content:"";}  /*color左右透明，下width为0*，即可组成三角/  /*在li之前发生，伪类before*/
    </style>
</head>
<body>
     <ul>

          <li>web</li>

          <li>web</li>

</ul>

</body>