当前位置:   article > 正文

【微信小程序】利用CSS绘制扇形

【微信小程序】利用CSS绘制扇形

CSS:

.triangle-down {
  width: 0;
  height: 0;
  color: white;
  text-align: center;
  border-left: 10rpx solid transparent;
  border-right: 10rpx solid transparent;
  border-top: 10rpx solid rgba(51, 55, 69, 1);
  margin-left:20rpx;
  border-top-left-radius: 8rpx;
  border-top-right-radius: 8rpx;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

wxml:

<view class="triangle-down"></view>
  • 1

效果:
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/549704
推荐阅读
相关标签
  

闽ICP备14008679号