第一个、简单的实现页面的对话框的样式 css代码如下: <style> *{ padding:0; margin:0; } .receiveMessage{ border-radius:4px; background:#fffdfb; padding:50px 15px; width:950px; ...
分类：
其他好文 时间：
2016-08-08 19:17:57
阅读次数：
131
using border-radius to make a worker ...
分类：
其他好文 时间：
2016-08-07 21:21:50
阅读次数：
195
今天，发现用CSS可以做出很漂亮的针线包样式的边框（有点类似border的dashed样式）， 先放效果图： 很漂亮吧，其实，主要CSS就是 给 border-style:dashed 加上 box-shadow ，再用 border-radius 修饰一下，选个漂亮的颜色就能设计出较好的边框啦！ ...
分类：
Web程序 时间：
2016-08-05 23:03:09
阅读次数：
211
<button>标签默认的按钮很丑，我们要想把它变得美观，可以像这样做： 示例代码：button.html 示例效果： 怎么样？是不是好看了许多？ 这里主要应用了圆角这个概念：border-radius 这里有许多关于圆角的应用： 示例效果： border-radius: border-top-le ...
分类：
Web程序 时间：
2016-08-04 14:44:47
阅读次数：
292
一、前段时间做了一个有网页里面有圆角的效果，使用的是border-radius：50%，但是检测兼容时发现在IE7/8等远古版本不支持border-radius的百分比显示，无奈只能用图片替换了。 但是作为一个前端，能用css解决的图片，都应该用css解决 二、使用css兼容IE7/8实现圆角效果 ...
分类：
Web程序 时间：
2016-08-03 13:36:41
阅读次数：
544
传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4 一、border-radius属性 CSS3圆角只需设置 ...
分类：
Web程序 时间：
2016-08-03 13:26:26
阅读次数：
195
基本语法： border-radius ： none | <length>{1,4} [/ <length>{1,4} ]? 取值范围： <length>： 由浮点数字和单位标识符组成的长度值。不可为负值。 简单说明： border-radius 是一种缩写方法。如果“/”前后的值都存在，那么“/” ...
分类：
其他好文 时间：
2016-08-02 20:48:58
阅读次数：
300
盒模型概念、width、height、padding、margin(水平居中)、border、border-radius、overflow、box-sizing、box-shadow、outline css盒模型 width : <length> | <percentage> | auto | in ...
分类：
其他好文 时间：
2016-08-02 13:25:58
阅读次数：
224
border-radius给元素加圆角边框 例： border-radius:20px; /*所有角都使用半径为20px的圆角*/ 实心圆： 把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。 实心上半圆： 把高度(height)设为宽度（w ...
分类：
其他好文 时间：
2016-08-01 17:15:45
阅读次数：
166
