小程序中添加阴影

最新推荐文章于 2024-11-28 19:01:57 发布

菜鸟老五

最新推荐文章于 2024-11-28 19:01:57 发布

阅读量4w

点赞数 4

CC 4.0 BY-SA版权

分类专栏：小程序 VUE/H5

本文链接：https://blog.csdn.net/qq_35695041/article/details/80017957

小程序同时被 2 个专栏收录

63 篇文章

订阅专栏

VUE/H5

30 篇文章

订阅专栏

小程序中给标签或者button添加阴影 box-show


//WXML



<view class='cont'>



<view class='zrf'>



我在这里

</view>



</view>



/*WXSS */



/*视图 */

.cont{

position: relative;

width:100%;

height: 400rpx;

line-height: 200rpx;

text-align: center;

background-color: yellow;



}

/*居中 */

.zrf{

position:relative;

top:20rpx;

width: 200rpx;

height: 200rpx;

display: inline-block;

/* 颜色自定义 ---尺度自己调 */

box-shadow:0px 2px 5px 5px red;



}