nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">New Document <!----> #triangle-1{ width:0; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:100px solid red; } #triangle-2{ width:0; height:0; border-left:100px solid transparent; border-right:200px solid transparent; border-bottom:100px solid purple; position:absolute; left:150px; ; } #triangle-3{ width:0; height:0; border-top:50px solid transparent; border-bottom:50px solid transparent; border-right:100px solid red; position:absolute; left:300px; } #circle{ width:100px; height:100px; background:blue; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; position:absolute; top:200px; } #tixing-1{ width:30px; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:100px solid gray; position:absolute; top:300px; left:200px; }
登录后复制
以上就是详解css实现的各种形状的代码的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2904351.html
