見出しに使えるリボン風のCSS3サンプルのコードをメモ代わりにアップしておきます。ボックスシャドー、テキストシャドー、グラデーションも使っています。 after擬似要素でリボンの左下に影を付けています。 .sample_title{ background: #444; background: -moz-linear-gradient(left, #222 0%, #444 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#222), color-stop(100%,#444)); background:-webkit-linear-gradient(left, #222 0%,#444 100%); background:-o-linear-gradient(left, #222