素材パーツ「タイトルバー・見出しデザイン(CSS)」このカテゴリのメニューへ
|
このページは「画像を使わない見出し」のデザインです。 背景に画像を使用したデザインはこちらです。 <p>(段落)で設定してありますが、<h1>～<h6>の見出しデザインとしてもご利用下さい。 CSSについての基本的な説明は「CSSの寺子屋(基本)」をご覧下さい。 |
|
| 見出しのデザインとHTMLの書き方 | スタイルシートの書き方 |
|---|---|
|
スタイルシートの見出し1 <p class="ttl_1">スタイルシートの見出し1</p> |
|
|
スタイルシートの見出し2 <p class="ttl_2">スタイルシートの見出し2</p> |
|
|
■スタイルシートの見出し3 <p class="ttl_3"><span>■スタイルシートの見出し3</span></p> |
|
|
1スタイルシートの見出し4 <p class="ttl_4"><span>1</span>スタイルシートの見出し4</p> |
|
|
サンプルスタイルシートの見出し5 <p class="ttl_5"><span>サンプル</span>スタイルシートの見出し5</p> |
|
|
スタイルシートの見出し6 <p class="ttl_6">スタイルシートの見出し6</p> |
|
|
スタイルシートの見出し7 <p class="ttl_7"><span>スタイルシートの見出し7</span></p> |
|
|
スタイルシートの見出し8 <p class="ttl_8"><span>スタイルシートの見出し8</span></p> |
|
|
スタイルシートの見出し9 <p class="ttl_9">スタイルシートの見出し9</p> |
|
サンプルスタイルシートの見出し10 <p class="ttl_10">サンプル<span>スタイルシートの見出し10</span></p> |
|
|
スタイルシートの見出し11 <p class="ttl_11"><span>スタイルシートの見出し11</span></p> |
|
スタイルシートの見出し12 <p class="ttl_12"><span>スタイルシートの見出し12</span></p> |
|
サンプルスタイルシートの見出し13 <p class="ttl_13"><span>サンプル</span>スタイルシートの見出し13</p> |
|
目立つリンク <p class="lin_1"><a href="リンク先URL">スタイルシートのリンク1</a></p> |
|
