ノートのように罫線(下線)を引くデザインの作り方(3ページ目)ノートのように、文中の各行に下線を引くデザインの作り方を解説。罫線画像とスタイルシートを組み合わせると、簡単にノートのように見えるデザインが作れます。 外側に囲みを付ける 次に、ノートの外枠を加えます。以下のように、段落(=p要素)を囲むボックス(=div要素)を記述します。 <div class="notedesign"> <p> 本文いろいろ </p> <p> 本文いろいろ </p> </div> 上記のソースでは、外側に「notedesign」というクラス名を付加したdiv要素を記述して、ノート全体を囲むボックスを作っています。 ここで、スタイルシートを下記のように記述します。 /* ▼外枠▼ */ div.notedesign { border: 2px solid green; /* 外枠 */ padding: 10
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く