CSSで見出しをデザイン(付箋風)
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>
~08/09/05~
タグ: css, デザイン, 付箋風, 見出し, 見出しデザイン
| 前の記事 | ![]() |
次の記事 |
CSSで便箋風の見出しをデザイ...
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.