3.4 CSS3圆角边框属性 在web页面上圆角效果很常见。圆角给页面增添曲线之美，让页面不那么生硬，但是为了设计圆角效果。 3.4.1 broder-radius 属性的语法及参数 语法： border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/” ...
分类：
Web程序 时间：
2016-12-13 07:10:35
阅读次数：
218
http://www.2cto.com/kf/201411/348601.html 1、结合背景图和android:scaleType="fitXY" 2、设置圆角 ...
分类：
移动开发 时间：
2016-12-12 22:08:40
阅读次数：
201
传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4 一、border-radius属性 CSS3圆角只需设置 ...
分类：
Web程序 时间：
2016-12-11 15:50:42
阅读次数：
337
1.圆角效果 border-radius: 1px 1px 1px 1px; /* 四个半径值分别是左上角、右上角、右下角和左下角。顺时针 */ 2.阴影 3.图片边框 border-image:url() 上 右 下 左 [round(平铺)|repeat(重复)|stretch(拉伸) 4.rg ...
分类：
Web程序 时间：
2016-12-10 18:28:33
阅读次数：
189
[Sass]混合宏的参数--传一个不带值的参数 Sass 的混合宏有一个强大的功能，可以传参，那么在 Sass 中传参主要有以下几种情形： A) 传一个不带值的参数 在混合宏中，可以传一个不带任何值的参数，比如： @mixin border-radius($radius){ -webkit-bord ...
分类：
其他好文 时间：
2016-12-10 13:14:16
阅读次数：
245
目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra ...
分类：
Web程序 时间：
2016-12-09 16:19:03
阅读次数：
505
前缀 -moz(例如 -moz-border-radius)用于Firefox -webkit(例如：-webkit-border-radius)用于Safari和Chrome。 例1 <div id="round"></div> #round { padding:10px; width:300px ...
分类：
Web程序 时间：
2016-12-08 18:43:29
阅读次数：
240
常用的图片拉伸场景有：聊天页面的气泡，需要根据内容拉伸，但圆角拉伸后会变形，为避免圆角拉伸，可以指定拉伸区域。UIImage实体调用以下方法即可指定拉伸区域。 - (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth ...
分类：
移动开发 时间：
2016-12-07 13:54:33
阅读次数：
186
CSS是我们常用的控制网页样式和布局的一种标准。 CSS3是最新的CSS标准。 CSS3被拆分为“模块”，旧的规范也已经拆分为小的块，同时还增加了新的属性。 一些比较重要的CSS3的模块：选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画等。 CSS3边框： 使用用CSS3，可以创建圆角边框 ...
分类：
Web程序 时间：
2016-12-07 13:24:35
阅读次数：
212
border-radius 属性ie8+才支持，ie7 ie8 下的圆角就可以使用border进行模拟；（移动端都支持） 我们平常使用border-style一般都是solid实线，其他常用的还有dashed以及dotted，我们这里的主角就是dotted点，在IE浏览器下，dotted点是被渲染成 ...
分类：
其他好文 时间：
2016-12-06 13:35:59
阅读次数：
267
