css-绘制底左直角三角形

xyc

     咱们继续之前说的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实现其他图形的样式方法。希望大家多多关注！

范范

支持支持