CSS 小三角形

最新推荐文章于 2021-10-05 11:35:50 发布

转载最新推荐文章于 2021-10-05 11:35:50 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.divcss5.com/rumen/r50847.shtml

上，右，下，左

在这里插入图片描述

/**css*/
.d3{
 margin-left: 10px;
 float: left;
 width: 0; 
 height: 0;
 border-width: 100px;
 border-style: solid;
 ***border-color:#FFCCCC transparent transparent transparent; ***
}
/**html*/
<div class="d3"></div>

**css*/
.d4{
 margin-left: 110px;
 float: left;
 width: 0; 
 height: 0;
 border-width: 100px;
 border-style: solid;
 border-color: transparent #0099CC transparent transparent;
}
/**html*/
<div class="d4"></div>

在这里插入图片描述