AI 助理
备案控制台
开发者社区 问答 正文

用纯CSS画三角图形的问题

HTML：

<body>
<div class="shapetest"> </div>
</body>

CSS：

.shapetest {
  width: 0;
  height: 0;
  border: solid transparent;
  border-top-color: #2b2b2b;
  border-width: 15px;
}

这个CSS，会在页面上画出来一个向下的三角。
请问，这是什么原理？

展开
收起
杨冬芳 2016-06-06 09:10:57 1892 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 杨冬芳
    IT从业

    参考css画三角形，写的很清楚

    2019-07-17 19:27:32
    赞同 展开评论
问答分类：
前端开发
问答标签：
CSS图形
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
有没有一个javascript/css的插件可以马上渲染一个立体图形？马上生成一张立体图的图片？简单的形状即可
2095
1
0
怎么解，关于css三角的问题？
1769
1
0
请问静态文件CSS和JS，在SERVERLESS DEVOPS 发布后加载不了怎么处理？PYTHON
1024
1
0
纯 CSS 框架工具和 CSS-in-JS 的区别是什么？
442
1
0
我存放在OSS里面的js文件和css文件访问的时候都乱码了，请问怎么回事呀
37451
26
0
JSP页面好像引入不了js，css文件，需要设置什么吗？：报错
1476
1
0
nginx反向代理后 js css文件不加载：报错
1287
1
0
关于amazeui的js和css加载CDN失败的处理：报错
1013
0
0
Jfinal的web-inf里的html文件引用js，css：报错
956
1
0
js、css合并请求? 报错
906
1
0