Css画画系列-----三角、对勾等

最新推荐文章于 2026-04-16 04:49:14 发布

原创最新推荐文章于 2026-04-16 04:49:14 发布 · 4.4k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#css #画三角、对勾

收录于

前端专栏收录该内容

29 篇文章

订阅专栏

本文介绍使用纯CSS实现勾选框与三角形的技巧，通过边框颜色和旋转角度等属性，实现简洁美观的设计效果。适用于前端开发者学习和实践。

画对勾：
在这里插入图片描述

.container {
    width: 8px;
     height: 16px;
     border-color: rgba(117,200,43,1);
     border-style: solid;
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
   }

三角：
在这里插入图片描述

.container {
    width:0;
    height:0;
    border-width:0 30px 30px;
    border-style:solid;
    border-color:transparent transparent red;/*透明 透明  灰
  }