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
*{
margin:0;
padding:0;
}
.parents{
width:250px;
height:250px;
background:#000;
-webkit-border-radius:20px;
...
分类:
Web程序 时间:
2015-05-20 18:32:03
阅读次数:
98
转自酷赛瑞尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到,所以如果你最近在设计网站,你很难能脱离它们。但是,隐藏在浏览器的...
分类:
Web程序 时间:
2015-05-20 12:50:07
阅读次数:
199
CSS3 边框CSS3 圆角边框border-radius:div{ border:2px solid; border-radius:25px; -moz-border-radius:25px; /* Old Firefox */}CSS3 边框阴影box-shadow:div{ ...
分类:
Web程序 时间:
2015-05-18 20:07:36
阅读次数:
114
前言:我经历了两次高考,那已经是七八年前的事了,然而每每想起那段岁月,总让人久久不能释怀。清楚的记得第二次高考是发生在凯尔特人拿总冠军的那年(加内特、皮尔斯、雷阿伦组成豪华三巨头的第一年,皮队昨天0.0秒投进的3分差点就改变了奇才的命运),高考的第一天前晚,失眠突如其来,我数羊、静念,尽我所能的让自己冷静下来,然而焦虑的情绪越发不可收拾。半夜3点多左右,跑去洗手间冲了一个凉水澡,再躺回床上时,已经被...
分类:
其他好文 时间:
2015-05-17 10:48:18
阅读次数:
146