スタイルシートマニア
CSSで見出しをデザイン(付箋風) | ホームページカスタマイズ Tips
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で付箋風の見出しをデザイン
Author:hideo
Comments:0
« 前の記事 | 次の記事 » |