阴影、背景以及边界的CSS builder

CSS对于Web页面的重要性不言自明，而不懂得CSS的用户甚至是非资深的Web开发者常常也会头疼CSS的阴影，边界等问题，尤其是要做的漂亮，有自己的style，这里推荐大家一个神器。

　　Layer Styles是一个在线的CSS builder for shadows, backgrounds, and borders。它支持的styles包括：

1. Drop shadow


2. Inner shadow


3. Background


4. Border


5. Border radius

　　每个style都有几个属性（如Background的属性包括Opacity（不透明度），Gradient（梯度），以及梯度的style和angle），属性发生变化时，页面上的div会实时变化，同时下面的CSS code也会跟着变化，这样我们不必精通CSS，也照样可以编写适合自己的CSS代码。当然，对于IE，表示无能为力。

　　下面的截图是我自己随手涂鸦的作品：



　　对应的CSS代码：

[css]

<code>border: 1px solid black;
border-radius: 13px;
background-image: -moz-linear-gradient(top, white, black);
background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(black));
box-shadow: 0 1px 5px 6px rgba(14,232,50,0.75), inset 0 1px 1px 1px #ffb812;</code>

[/css]