优秀的编程知识分享平台

网站首页 > 技术文章 正文

CSS 创建一个三角形（用css创建一个三角形的原理）

nanyue 2024-09-15 23:26:27 技术文章 11 ℃

如图：

类似于这种倒三角，可以使用css来实现，代码如下：

      <div class="triangle"></div>
    .triangle {
      width: 0;
      height: 0;
      border: 10px solid #dddddd;
      /* 下、左右 透明 */
      border-color:  #dddddd transparent transparent transparent;
    }

原理：类似于一个正方形，可以由四个全等的三角形组成，效果如下：

Tags：

猜你喜欢

最近发表
标签列表