css-绘制扇形

xyc

      咱们继续之前说的css实现图形的效果方法，今天来说说扇形的实现方法。
      效果：
      
     HTML：
     

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

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

     css样式：
     

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

.div {
  width:0;
  height:0;
  float: left;
  background-color: #ffffff;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-top: 100px solid #ab9ed1;
  border-radius:50%;

}

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

范范

支持楼主