精易论坛

标题: uniapp 圆角 [打印本页]

作者: 明日之后    时间: 2021-10-30 16:08
标题: uniapp 圆角
[JavaScript] 纯文本查看 复制代码
//指定背景颜色的元素圆角:
{
border-radius: 25px;
background: #fff;
padding: 20px;
width: 100px;
height: 100px;
}

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

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

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







欢迎光临 精易论坛 (https://125.confly.eu.org/) Powered by Discuz! X3.4