css3 - 纯css画图,圆角三角形-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

css3 - 纯css画图,圆角三角形

高洛峰 2017-04-17 11:15:34

[CSS3讨论组]

960

来个高手
求用纯css画一个带圆角的三角形

顺便再请假一下,对于用css来画图
有什么重点?
现在撑死画个梯形三角形什么的

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(3)

巴扎黑2017-04-17 11:17:34 3楼

cssp {
    width: 0;
    height: 0;
    transform: rotate(45deg);
    border-width: 20px;
    border-color: #000 transparent transparent #000;
    border-style: solid;
    border-top-left-radius: 10px;
}

没说清楚有什么要求，就随便画了一个。

赞 +0

添加回复

PHP中文网2017-04-17 11:17:34 2楼

看看这个https://css-tricks.com/examples/ShapesOfCSS/

赞 +0

添加回复

PHP中文网2017-04-17 11:17:34 1楼

css画的图形怎么加边框呢？只能用两个图形重叠实现吗

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部