本文转自:http://www.kwstu.com/Admin/ViewArticle/201409151549476225border-radius属性主要用于设置div圆角效果。使用方法border-radius:圆角的半径值+单位;例1设置一个div圆角半径为10像素border-radius...
分类:
Web程序 时间:
2014-09-15 17:31:29
阅读次数:
268
shape和selector是Android UI设计中经常用到的,比如我们要自定义一个圆角Button,点击Button有些效果的变化,就要用到shape和selector。可以这样说,shape和selector在美化控件中的作用是至关重要的。1.Shape 简介作用:XML中定义的几何形状位置...
分类:
移动开发 时间:
2014-09-12 23:16:54
阅读次数:
292
上篇文章介绍了 CSS3 线性渐变(linear-gradient),这篇文章向大家介绍 radial-gradient(径向渐变)以及重复渐变(线性重复、径向重复)。在以前,渐变效果和阴影、圆角效果一样都是做成图片,现在 CSS3 可以直接编写 CSS 代码来实现。
CSS3 径向渐变和线性渐变是很相似的,我们首先来看其语法:
.代码
-moz-radia...
分类:
Web程序 时间:
2014-09-12 17:21:57
阅读次数:
330
有些CSS3的牛逼的效果在IE下展示不出来是最烦人的啦,在项目中做的圆角效果到了IE下一堆方块。。。。忒尴尬了。。。,找了个替代解决方案1.首先下载一个js插件PIE.js百度一搜都是的,我也就不写出来下载地址了2.执行的时候只需要遍历一下你要添加圆角效果的样式名就好了$('.publicguest...
分类:
Web程序 时间:
2014-09-12 16:56:23
阅读次数:
294
用图片作为背景图片实现圆角框实现方法有很多种写法,个人认为下面这个是最好的圆角 您好,请登录需要说明的此处的圆角图片不能用png格式的,不然圆角又被填充上颜色了将图片路径换成你本地图片试试吧,图标素材效果如下,当用户名很长实现自适应:
分类:
其他好文 时间:
2014-09-12 15:00:03
阅读次数:
175
ul.box {position: relative;z-index: 1; /* prevent shadows falling behind containers with backgrounds */overflow: hidden;list-style: none;margin: 0;pad...
分类:
其他好文 时间:
2014-09-12 13:24:53
阅读次数:
279
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题,而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好,如何解决这个问题呢?一种比较传统的方案是放弃CSS3,使用背景图,但是这种方式也会有诸多问题,对页面结构改动较大,需要对自适应大小进行控制等,...
分类:
Web程序 时间:
2014-09-11 15:11:22
阅读次数:
184
目前使用HTML5技术来开发手机跨平台app已经成为了曾经的web开发人员介入移动开发的一条捷径。与此对应也出现了很多新的技术来支撑这样的开发方式,例如国外的phonegap和国内的APPcan等。很多移动端的前端UI框架也层出不穷,其原理都是大同小异,无非都是提供了一些常用的UI组件及其使用dem...
分类:
移动开发 时间:
2014-09-10 15:25:50
阅读次数:
282
以下一Button标签为例:这里就联系到标签,设置背景样式、边框、渐变、圆角等,各种效果的使用方法见如下代码drawable文件夹新建一个buttonstyle.xml,内容如下1 2 3 4 5 6 7 8 然后在button...
分类:
移动开发 时间:
2014-09-10 14:06:00
阅读次数:
222