先来看图： 如何实现这样的效果呢？ 首先，要准备一张这样的图片： 如何做出这样的图片呢？ 一、打开Photoshop，新建一个640480像素的文档 二、新建图层，按D键将前景色和背景色恢复为前黑后白，再按X键交换前景色和背景色。选择圆角矩形工具（快捷键U），半径设置为10个像素，画一个宽400像素，高50像素的圆角矩形。在图

我们都知道，表单是网页的重要组成部分，它是网站与用户进行交互的窗口。然而表单中固定的诸如说明文字、输入框、提交按钮等元素，使得表单设计略显乏味，难有创新，这一点不少Web设计师深有体会。好的Web设计师就是可以在平凡处挖亮点，让表单设计或耳目一新，或整洁素雅。下面就来看这样的15个基于CSS的优秀表单设计。 以

别误会，IE是不支持CSS3高级选择器，包括最新的IE8（详见《CSS选择器的浏览器支持》），但是CSS选择器的确是很有用的，它可以大大的简化我们的工作，提高我们的代码效率，并让我们很方便的制作高可维护性的页面。 然而IE对高级CSS选择器特别是CSS3选择器的支持让我们一直不能将CSS选择器推广应用。不过，虽然我们无法左右浏

今天看到 Joshua Johnson 的一篇 10 Amazing Examples of Innovative CSS3 Animation 很是精彩，大概翻译如下： CSS3带来了很多令人印象深刻的新功能，最有意思的或许是很多基于javascript来实现的功能，现在可以用CSS动画来制作。以下是我找到的用CSS3创建的精彩案例： 注意：以下演示代码在IE6等低端浏览器下无效，请下载

css是大家众所周知的，广泛的用来定义网站样式。随着css3版本的发布，css3支持一些省时、省力的一些新属性。尽管目前仅仅最新的浏览器支持这些新属性，但还是感觉不错的。此文章我将介绍5个css3的新属性。 效果浏览 代码下载 一、基本代码结构 在开始这个教程之前，我们先把基本的代码结构编写好，我将结合这些代码来讲解

以前我从来没有具体的谈到这个问题 最好的解释方法是用一个例子来说明那的特性引起了你的困惑或则没有按照预期的显示。然后我们将近距离的细看计算实际的值来选择最优的选择器。 这是一个简单的例子 无序的列表： ＜ul id=summer-drinks＞ ＜li＞Whiskey and Ginger Ale/li＜/li＞ ＜li＞Wheat Beer＜/li＞ ＜li＞Mint

CSS3 + HTML5 是未来的Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本文介绍了5个CSS3技巧，可以帮你实现未来的Web，不过，这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web 设计社区，或者不会有客户向你投诉的场合。 1. 圆角效果 CSS3 新功能中最常用的一项是圆角效果，标

在定义网页的CSS样式的时候，我们或许并不怎么用到垂直居中。在webjx.com中，大量的文章介绍了这些知识。在和别人合作的时候，你的代码的自适应性就需要做到最大程度的好。你自己在做自己的网页的时候或许可以保证在视觉上是居中的，但是如果让这个元素或者他的父元素变大了，你还能保证居中吗？ 　　vertical-align是个不错