纯css制作的三角形

Home » 技术教程 » 纯css制作的三角形

一个使用before伪类制作的小三角，配合content使用，不只三角，可以随意设置 <无> 

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>
纯css制作的三角形

相关文章：

你感兴趣的文章：

标签云：

亚洲高清电影在线, 免费高清电影, 八戒影院夜间, 八戒电影最新大片, 出轨在线电影, 午夜电影院, 在线影院a1166, 在线电影院, 在线观看美剧下载, 日本爱情电影, 日韩高清电影在线, 电影天堂网, 直播盒子app, 聚合直播, 高清美剧, 高清美剧在线观看 EhViewer-E站, E站, E站绿色版, qqmulu.com, qq目录网, qq网站目录,