写过很多页面,可是在实际中用到文字特效的地方还是很少,最多的就是给文字添加text-shadow阴影效果。 今天在浏览网页的时候发现了一组文字特效,虽然很简单但是你让我来写我肯定是写不出来,所以研究了一会,写了几个小样式。 一、文字渐变 主要样式有 linear-gradient(文字渐变方向,指定 ...
分类:
Web程序 时间:
2018-06-21 17:40:43
阅读次数:
783
text-shadow 效果如下: CSS3文本溢出属性指定应向用户如何显示溢出内容 效果如下: clip:默认 ellipsis:文本溢出显示省略号 text-overflow: '>>':只在火狐浏览器下有效 ...
分类:
Web程序 时间:
2018-05-12 12:46:52
阅读次数:
210
1、CSS3边框: border-radius:CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 中,border-radius 属性用于创建圆角。border:2px solid; box-shadow: ...
分类:
Web程序 时间:
2017-11-25 23:47:11
阅读次数:
379
代码如下: 参考来源:http://www.cnblogs.com/coco1s/p/7519460.html ...
分类:
Web程序 时间:
2017-09-14 20:14:24
阅读次数:
252
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>非常棒的CSS3立体效果</title> </head> <body> <div><A href="http://www.999jiujiu.com/"> ...
分类:
Web程序 时间:
2017-08-05 22:01:15
阅读次数:
297
CSS3文字与字体 text-overflow 与 word-wrap 语法: 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只 ...
分类:
Web程序 时间:
2017-06-29 00:46:06
阅读次数:
231
CSS3:1.文字阴影效果text-shadow:red 10px 10px 1px;2.背景颜色渐变background:linear-gradient(to top,green,red,pink)3.圆角效果:border-radius可以用来画圆,半圆4.盒子阴影box-shadow: ins ...
分类:
Web程序 时间:
2017-05-20 12:25:22
阅读次数:
234
这段时间我们已经陆续向大家分享了很多绚丽实用的HTML5/CSS3应用插件,今天,我从资料库中精选了7款最新出炉的HTML5/CSS3应用分享给大家,希望大家喜欢。 1、HTML5/CSS3发光文字 可自定义文字色彩 效果很赞 前几天我已经向大家分享了两款HTML5/CSS3文字特效,尤其是这款HT ...
分类:
Web程序 时间:
2017-05-18 11:29:30
阅读次数:
224
文字排版--字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的 ...
分类:
Web程序 时间:
2017-05-09 00:42:57
阅读次数:
248