三种不同风格的CSS3有序列表

本节教程将展示三种不同风格的css3有序列表,列表的格式化一直是件很棘手的事情,至少天屹是这么认为滴~为了格式化计数数字,你需要移除默认的浏览器样式,并添加你自己的样式。本篇教程中你将会了解到如何使用css3对列表样式进行调整,从而得到一个漂亮的列表。

css3有序列表1 继续阅读…

如何创建纯CSS3下拉菜单

本节教程中我们将介绍如何只使用css3创建一个漂亮的导航下拉菜单,兼容所有主流浏览器,包括ie7,ie8当然在ie7/8浏览器中一些css3特性就不支持了,比如圆角,但是整个菜单还是可以很好地显示滴。接下来开始教程~

css3-drop-down-menu 继续阅读…

15种基础的可以直接使用的CSS3样式

本篇文章将列出一些基础简单的CSS3圆角,阴影,渐变,transform等样式,你可以把它们放在手边,需要用的时候随时拿过来修改成自己的风格就可以使用。为了使我们得CSS3样式可以重复使用,我把它们写成一个个class,并把它们分类如links,input,text等等。

文中很多地方用到了rgba()给color赋值,rgba中前三个值是正常的rgb值,最后一个是透明度alpha值。

点击这里查看一个不错的css3手册!下面开始我们的正题。 继续阅读…

CSS3 Button样式推荐,拿来就用

在web开发中,CSS3是一个绝对棒的技术。渐变、框阴影、文字阴影的增加。使用CSS3,现在可以用简单的HTML标签创建非常漂亮的CSS3 Button。我们爱CSS3按钮,因为它可以减少网站的开发时间。为什么呢? CSS3按钮仅仅需要几行代码,是完全可编辑和可定制的。您不必使用Photoshop创建一个新的按钮和新标题。有一件事你需要担心的事是IE浏览器对CSS3的支持。 IE对CSS3的支持不够好,有趣的是它也支持供应商特定的样式(-moz和-webkit和-O前缀)。所以,如果你想在IE7和IE8上实现CSS3按钮,您可以创建一个备用的。
继续阅读…