css-绘制底左直角三角形 - 苏飞论坛

上传

点击文件名下载附件
HTML：

[HTML] 纯文本查看 复制代码

<div class="div"></div>

css样式：

[CSS] 纯文本查看 复制代码

.div {

 width: 0px;

 height: 0px;

 margin: 10px 10px;

 float: left;

 border-bottom: 100px solid #600ffe;

 border-right: 100px solid transparent;

}

以上就是底左直角三角形的实现效果，后面会继续给大家说说css实现其他图形的样式方法。希望大家多多关注！

作者: 范范 时间: 2021-7-12 17:55
支持支持

欢迎光临苏飞论坛 (http://www.sufeinet.com/)