最近在整理学习CSS3的一些小知识，现在已经整理了CSS3选择器，CSS3圆角和CSS3元素阴影属性的使用方法了。今天为大家整理一下CSS3中的文字阴影——text-shadow的使用方法。希望能对大家有所帮助吧。 在CSS3没有问世之前，处理文字阴影的方法，基本上都是图片。直到CSS3的出现，让我 ...
分类：
Web程序 时间：
2017-03-13 14:54:52
阅读次数：
377
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类：
Web程序 时间：
2017-01-26 14:02:28
阅读次数：
234
代码块html页面:<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>css3圆角</title></head><body><divclass="div-commonradiusAttr">CSS3圆角属性<..
分类：
Web程序 时间：
2016-12-16 20:04:37
阅读次数：
163
3.4 CSS3圆角边框属性 在web页面上圆角效果很常见。圆角给页面增添曲线之美，让页面不那么生硬，但是为了设计圆角效果。 3.4.1 broder-radius 属性的语法及参数 语法： border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/” ...
分类：
Web程序 时间：
2016-12-13 07:10:35
阅读次数：
218
传统的圆角生成方案，必须使用多张图片作为背景图案。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
前缀 -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
*以下技巧均源自于Lea Verou所著《CSS Secrets》 自适应椭圆与圆角构造 众所周知，在css上构造圆形只需要将border-radius属性值设为边长的一半即可。 显示效果如下： 当我们在innerTxt中添加过多的内容时，会得到如下的效果： 如果我们想要一个自适应的椭圆的话，那么b ...
分类：
Web程序 时间：
2016-11-28 14:46:10
阅读次数：
161
matrix CSS3 1. 圆角 border-radius：边框圆角的圆角半径 四个值：第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 三个值：第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角 两个值：第一个值为左上角与右下角，第二个值为右上角与左下角 一 ...
分类：
Web程序 时间：
2016-11-06 16:57:34
阅读次数：
293
PIE使IE支持CSS3圆角盒阴影与渐变渲染 http://css3pie.com/download/ ...
分类：
Web程序 时间：
2016-11-02 23:40:56
阅读次数：
203
使用border-radius属性: (1): (2)但是，如果你要在四个角上一一指定，可以使用以下规则： 四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。 三个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角 两个值: 第一个值为左上角与右下角 ...
分类：
Web程序 时间：
2016-11-01 16:51:17
阅读次数：
199
