CSS 使用CSS3实现Faux列 这是一个CSS3的小技巧,不使用图片便实现Faux Columns。边栏在布局中的问题是它不能随着内容的扩展而延伸到相等的高度。常规的方法是创建一个图片背景应用到内容的父容器上。本文将介绍如何使用CSS3渐变实现相同的效果。 旧的方法 先来回顾一下让边栏背景沿着页面延伸的常规方法。...
border-radius CSS3渐变按钮 上文介绍了CSS渐变的跨浏览器实现,本文将介绍CSS渐变的实际应用,点击查看一系列纯CSS制作的渐变按钮。这些按钮都是根据字体大小可伸缩的,可以通过改变padding和font-size来调整按钮大小。这种方法最大的好处是可以应用到任何HTML元素,如div、span、p、a、but...
CSS CSS 3渐变跨浏览器实现 CSS渐变大约两年被Webkit浏览器引进,但是由于和大多数浏览器不兼容而很少使用。现在Firefox 3.6+开始支持CSS渐变,我们可以用样式创建渐变而无须使用图片。本文将介绍如何使用CSS创建支持主流浏览器的渐变:IE, Firefox 3.6+, Safari, Chrome...