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

最新推荐文章于 2025-05-14 17:03:41 发布

原创最新推荐文章于 2025-05-14 17:03:41 发布 · 4.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css #画三角、对勾

前端专栏收录该内容

29 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

.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;/*透明 透明  灰
  }