テキストはみだしに...を使う

white-space:nowrap;
position:relative; width:300px;
border:1px solid red; overflow:hidden;
text-overflow:ellipsis;
/* ボックスからはみ出したときに「...」で処理する。*/
/* 標準の CSS ではない */
/* 長い文です。長い文です。長い文です。長い文です。長い文です。長い文です。*/

ボックスに影

border:1px solid blue;
-webkit-border-radius:4px;
-webkit-box-shadow:5px 10px 2px #ccc;
/* 右ずれ 下ずれ ぼかし幅 色 */

1枚の画像でボーダー

border:20px solid #888;
-webkit-border-image:url(bordertest.gif) 20 20 20 20 round round;
/*
60x60 の bordertest.gif から、20px 幅のボーダー画像を生成する。
border-width に拡大/縮小される。
round を stretch にすれば繰り返しではなく引き伸ばしになる。
*/

背景サイズの指定

background:url(bordertest.png);
-webkit-background-size:50%;
/* 背景画像を拡大縮小できる */

背景を複数使う

background:url(lefttop.png) left top no-repeat, url(rightbottom.png) right bottom no-repeat;
/* カンマ区切りで背景画像を複数指定 */

マルチカラム

-webkit-column-count:2
-webkit-column-gap:3px;
/* マルチカラムを作ってみる。マルチカラムを作ってみる。マルチカラムを作ってみる。マルチカラムを作ってみる。マルチカラムを作ってみる。 */