微信小程序样式大全（三）

最新推荐文章于 2025-05-16 11:06:43 发布

LeahYep.

最新推荐文章于 2025-05-16 11:06:43 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/lyp_story/article/details/88247022

小程序专栏收录该内容

5 篇文章

订阅专栏

设置属性及样式选择器

样式组件表格清单

插入背景图

<view style='width:200px;height:200px;background-image:url("../../images/icon/icon.png");backgound-repeat:no-repeat'></view> //不能在wxss中使用

2.使用伪元素

.item {
  position: relative;
}

.item::after {
  content: '已满';
  position: absolute;
  right: 20rpx;
  top: 20rpx;
  width: 100rpx;
  height: 50rpx;
  border-radius: 20rpx;
  border: 1px solid #cc0001;
  font-size: 14px;
  text-align: center;
  line-height: 50rpx;
}

浅谈css的伪元素::after和::before

3.使用border生成三角形