0.快速入门 border-radius:50px; 1.border-radius详解 border-radius:50px; 上右下左,水平和垂直距离都是50px border-radius:50%; 这里的%号是已应用该css样式元素的长度和宽度为基数的 border-radius:50% 3 ...
分类:
Web程序 时间:
2016-08-18 21:25:55
阅读次数:
176
DIV+CSS圆角边框 简洁型css圆角: 方法1:简洁型css圆角矩形 code1: <style type="text/css">.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}.b1,.b2,.b3,. ...
分类:
其他好文 时间:
2016-08-18 16:02:27
阅读次数:
156
0.5像素线条: 0.5像素边框: 0.5像素圆角边框: ...
分类:
移动开发 时间:
2016-08-17 19:43:06
阅读次数:
236
CSS3 边框 用CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如Photoshop。 在本章中,您将了解以下的边框属性: border-radius box-shadow border-image CSS3 边框 用CSS3,你可以创建圆角边框,添加阴影框,并作为边界 ...
分类:
Web程序 时间:
2016-08-15 12:44:46
阅读次数:
272
(给自己看的总结) 边框样式 1. border-width 边框宽度 比如:1px 2. border-color 边框颜色 3. border-radius 圆角边框 比如 20px 100px/50px (斜杠后面的数字可以视为比值) 4. border-style 边框样式 比如 solid ...
分类:
Web程序 时间:
2016-08-14 17:36:31
阅读次数:
129
border 边框 border-style border-radius 圆角半径 设置或检索对象使用圆角边框。提供2个参数,2个参数以“/”分隔,每个参数允许设置1~4个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数 水平半径:如果提供全部四个参数值 ...
分类:
Web程序 时间:
2016-08-12 01:25:09
阅读次数:
256
圆角边框: border-radius 一个值时表示四个角用的圆半径,4个值时分别是左上角、右上角、左下角、右下角,单位可以是px和百分比,百分比是半径相对于边框长度的比例 在CSS3中我们终于可以快捷地设置圆角,而且通过这个属性我们还可以做出圆、半圆、四分一圆、椭圆等图形。 常用的圆角效果: 两个 ...
分类:
Web程序 时间:
2016-08-11 17:59:37
阅读次数:
183
最近,在项目过程中遇到要自定义SearchBar的外观,虽然自己觉得用系统默认的外观就行了,不过UI设计师要求不用系统的默认样式,要跟app主题保持一致。 图1:设计效果图 图1:设计效果图 从上图可以看出,我们要做的UISearchBar要有圆角,边框颜色,取消按钮颜色,背景透明等等。 开始以为可 ...
分类:
其他好文 时间:
2016-08-08 06:28:56
阅读次数:
293
border-radius给元素加圆角边框 例: border-radius:20px; /*所有角都使用半径为20px的圆角*/ 实心圆: 把宽度(width)与高度(height)值设置为一致(也就是正方形),并且四个圆角值都设置为它们值的一半。 实心上半圆: 把高度(height)设为宽度(w ...
分类:
其他好文 时间:
2016-08-01 17:15:45
阅读次数:
166