CSSで見出しをデザイン（付箋風）

CSSで見出しをデザイン（付箋風）

Check

http://source-marine.net/css-mania/archives/411CSSで見出しをデザイン（付箋風）スタイルシートマニア

CSSで便箋風の見出しをデザインしてみます。

backgroundで背景色を指定、colorでテキストカラーを見やすい適当なカラーにして、border-leftで付箋の感じを演出、border-bottomで立体感を出して、paddingで文字の位置を調整したら完成です。

#h2-headline01 {
      background: #ddd;
      color: #600;
      border-left: 10px solid #600;
      padding: 5px 0 5px 10px;
}

<h2 id="h2-headline01">CSSで付箋風の見出しをデザイン</h2>

CSSで付箋風の見出しをデザイン

～08/09/05～

タグ: css, デザイン, 付箋風, 見出し, 見出しデザイン

前の記事

次の記事