当前位置:首页 > uniapp > 正文内容

uniapp view 圆角

关中浪子3年前 (2021-02-06)uniapp1317
【腾讯云】2核2G4M云服务器新老同享99元/年,续费同价
找梯子最重要的就是稳定,这个已经上线三年了,一直稳定没有被封过,赶紧下载备用吧!
  1. 指定背景颜色的元素圆角:
    {
    border-radius: 25px;
    background: #fff;
    padding: 20px;
    width: 100px;
    height: 100px;
    }

  2. 指定边框的元素圆角:
    {
    border-radius: 25px;
    border: 2px solid #8AC007;
    padding: 20px;
    width: 100px;
    height: 100px;
    }

  3. 指定背景图片的元素圆角:
    {
    border-radius: 25px;
    background: url(paper.gif);
    background-position: left top;
    background-repeat: repeat;
    padding: 20px;
    width: 100px;
    height: 100px;;
    }

  4. 四个值,第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。
    {
    border-radius: 15px 50px 30px 5px;
    background: #fff;
    padding: 20px;
    width: 100px;
    height: 100px;
    }


扫描二维码推送至手机访问。

版权声明:本文由码农翻生发布,如需转载请注明出处。

本文链接:https://lubojian.cn/post/13.html

分享给朋友:
返回列表

没有更早的文章了...

下一篇: flex 布局大全

相关文章

uniapp实现微信小程序端动态生成海报

uniapp实现微信小程序端动态生成海报

背景:基于uniapp实现微信小程序中商品详情的海报生成与保存效果图:思路:首先把海报上需要的内容准备好,比如用户头像,商品信息,二维码等。需要注意的是,因为二维码是动态生成的,所以需要后端传给我们,前端需要把路径和参数传给后端,后端请求微...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。