div添加渐变色后, 圆角失效。所以用伪元素来实现同时圆角渐变色: ...
div添加渐变色后, 圆角失效。所以用伪元素来实现同时圆角渐变色: ...
*首先要清楚的是,box-shadow的形状会随着border-radius变化。下面的例子可以证明: 效果: *而实现内圆角边框(外边框为直角)就可利用以上特性(box-shaodw填充outline和border之间的空白),代码如下: div1 效果 ...
这里涉及到了圆角和渐变色两个属性。 1.圆角:border-radius border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。 2.渐变:linear-gradient linear-gradient() 函数用于创建一个线性渐变的 "图像 ...
这里用的是TableLayout布局的。先看效果图下面看下布局文件 <?xml version="1.0" encoding="utf-8"?> <Linea ...
首先,在res下面新建一个文件夹drawable,在drawable下面新建三个xml文件:shape_corner_down.xml、shape_corner_up.xml和shape_corner.xml,分别是下面两个角是圆角边框,上面两个角是圆角边框,四个角 ...
部分圆角可以通过 layer 的 mask 属性实现。 1. 创建 UIBezierPath 关键参数 corners,由于是 NS_OPTIONS枚举,所以可以使用位运算来达到设置多个圆角。 2. 创建 maskLayer view.layer.mask 属性会按照赋值 ...
首先,在res下面新建一个文件夹drawable,在drawable下面新建三个xml文件:shape_corner_down.xml、shape_corner_up.xml和shape_corner.xml,分别是下面两个角是圆角边框,上面两个角是圆角边框,四个角全部是圆角边框 ...
首先,在res下面新建一个文件夹drawable,在drawable下面新建三个xml文件:shape_corner_down.xml、shape_corner_up.xml和shape_corner.xml,分别是下面两个角是圆角边框,上面两个角是圆角边框,四个角全部是圆角边框 ...