段落のタイトルによく使われる、グラデーション背景に文字を乗せるCSSです。
◆HTML
<div class="ttl">グラデーション背景にテキストを乗せる</div>
◆CSS
.ttl {
padding: 10px 0 5px 20px;
border: 1px solid #bbb;
background-image: -moz-linear-gradient(top, #fcfcfc, #e5e5e5);
background-image: -ms-linear-gradient(top, #fcfcfc, #e5e5e5);
background-image: -o-linear-gradient(top, #fcfcfc, #e5e5e5);
background-image: -webkit-linear-gradient(top, #fcfcfc, #e5e5e5);
background-image: linear-gradient(top, #fcfcfc, #e5e5e5);
}
グラデーションの色を選ぶには、下記ジェネレーターがオススメです。