uniapp圆角

  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;
    }


版权声明:本文为weixin_46073823原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。