border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;加入div中即可
分类:
Web程序 时间:
2015-06-01 22:15:21
阅读次数:
435
周知:OPPO R819T Android 4.2.1和红米某些机型上,webview中,如果一个元素定义了 border + border-radius,这时如果该元素有背景,那么背景将会溢出圆角之外,Yo新增了一个方法来fix这个问题,大家之后定义圆角直接 @include border...
分类:
其他好文 时间:
2015-06-01 20:11:29
阅读次数:
99
利用border-radius及box-shadow制作圆角表格界面效果图如下:css样式如下所示:* { margin: 0; padding: 0; } body { padding: 40px 100...
分类:
Web程序 时间:
2015-05-31 19:57:02
阅读次数:
158
前缀对应浏览器前缀浏览器-webkitchrome和safari-mozfirefox-msIE-ooperaborder-radius:可见设置50%和设置50px这样的固定值还是有差别的,没研究百分比以什么为参考,所以现在不知道怎样通过百分比设置一个左半圆。参考:https://css-tric...
分类:
Web程序 时间:
2015-05-28 17:34:58
阅读次数:
151
css3实现特殊效果图先上效果图:接下来是代码: 1 2 3 4 5 css3应用 6 7 8 9 10 11 1 .div2{2 border: 10px solid red;3 border-radius: 50%;4 bac...
分类:
Web程序 时间:
2015-05-27 00:45:36
阅读次数:
298
adius,就是半径的意思。用这个属性可以很容易做出圆角效果,当然,也可以做出圆形效果。原理很简单,“正方形的内切圆的半径等于正方形边长的一半”。下面就做一个红色的圆。工具/原料Adobe Dreamweave 软件方法/步骤语法:border-radius:none| {1,4} [ / {1,4...
分类:
Web程序 时间:
2015-05-26 18:02:31
阅读次数:
178
预备知识
DIV+CSS基础
圆角:border-radius
2D变幻:transform:skew && rotate
伪类::before 和 :after
代码HTML结构代码很简单,CSS内含注释,图片小伙伴们自己替换哈!HTML
CSS3实现曲...
分类:
Web程序 时间:
2015-05-26 00:18:28
阅读次数:
209
CSS3实现的安卓图标,Android机器人图标,学习CSS3布局的极好的范例素材,只不过现在主流的IE8并不支持CSS3.所以大家测试的话,请使用Chrome、火狐或Oprea等浏览器。用CSS实现图标其实也挺方便,本例来说,主要是用到了CSS3中的transform、transition、border-radius等属性,请了解。...
分类:
移动开发 时间:
2015-05-25 16:43:12
阅读次数:
146
众所周知,border-radius 属性可以用来设置圆角,但很少人知道它还可以做很多不规则的犄角、卷角(rounded corners) 工作原理: 一、独立属性:border-bottom-left-radius, border-bottom-right-radius, border-top-l...
分类:
Web程序 时间:
2015-05-22 19:09:54
阅读次数:
157
蓝海卓越无线运营方案和产品秉承开放原则,支持市场主流的CMCC、Portal、Radius以及蓝海卓越自有的相关协议,不论作为企业级应用还是无线运营都能够完全适应项目需求。方案优势说明1、协议标准支持CMCC、华为等Portal协议;支持标准Radius协议;支持蓝海卓越NSWMP管理协议;完..
分类:
其他好文 时间:
2015-05-20 18:51:11
阅读次数:
216