You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but I decided to try it out using some simple lines of jQuery. View Demo 1. HTML - Page Peel Wireframe The “pageflip” div will act as the container, mainly used to establish the relative positioning. Then nest the image and the span class of “msg
使用サンプル h1 { border-bottom: 3px double #fc0 } サンプルの結果 ■ 枠線の応用 枠線の形状、幅、位置、そして色を組み合わせることによって、テキストベースで効果的な見栄えを演出することができます。ここでは、サンプルの一例を紹介します。 CSS h1 { border-left: 3em solid #090; border-right: 3em solid #090; border-bottom: 1px solid #090; border-top: 1px solid #090; color: #090; text-align: center; padding: 5px } HTML <h1>初心者のためのホームページ作り</h1> 表示結果 初心者のためのホームページ作り CSS img { border: 15px inset #fc0 }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く