[[[ Japanese Graphics 篆刻素材AOI HOME ]]]フリー素材一覧> 素材パーツ「タイトルバー・見出しデザイン(CSS)」

◆フリー素材一覧へ◆素材パーツ「タイトルバー・見出しデザイン(CSS)」

素材パーツ

枠素材1 ミニプレート タイトルバナー暖色 見出しイエロー系 見出しモノトーン系 ライン
枠素材2 ホーロー看板 タイトルバナー寒色 見出しグリーン系 見出しデザイン(CSS) 和風ライン
千社札 バナー 見出しレッド系 見出しブルー系    
画像を使わない見出しデザインです。背景に画像を使用したデザインはこちらです。
<p>(段落)で設定してありますが、<h1>〜<h6>の見出しデザインとしてもご利用下さい。
見出しのデザイン

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>

◆フリー素材一覧へ◆

▲ このページの上へHOMESEO対策・ホームページ作成「あいうぇぶ」