类似于图片中的红色三角形如何添加？

发布于
2017-07-26

问题：类似于图片中的红色三角形如何添加？

阅读 4.1k

6 个回答

发布于
2017-07-26

更新于
2017-07-26

✓ 已被采纳

发布于
2017-07-26

div {
  border: 50px solid red;
  width:0;
  height:0;
  border-top: 50px solid transparent;
  border-left: 50px solid transparent;
}
div:after {
  content:'✓';
  color: #fff;
}

发布于
2017-07-26

图片或者用canvas标签自己画

发布于
2017-07-26

更新于
2017-07-26

最简单的右下角的包含勾的三角形存成图片。
然后当选中时一般会加上on类。修改这个on类，里面加上这个背景图片。或者用:before :after添加个div里面是这个图片，定位在右下角。

发布于
2017-07-26

更新于
2017-07-26

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .box{

height:0;
width:0;
border-bottom:0 solid transparent;

        border-top:100px solid transparent;
        border-left:0 solid transparent;
        border-right:100px solid red;
        }
    </style>
</head>
<body>
    <div class="box">
        
    </div>
</body>

</html>
就可以了。

天空的阴霾

发布于
2017-07-26

用图片定位在右下角

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题