|
|
|
HOME > HTML & CSSパーツ > CSSで装飾した見出しサンプル > 見出しサンプル３ |
|
見出しサンプル３ |
|
|
|
|
|
|
|
|
|
背景を太めのストライプの画像にしたサンプルです。 |
|
solidで濃いめの緑の枠の指定をしています。 |
|
サンプルはH3ですが、H2でも同じように使用できます。 |
|
|
|
|
|
サンプル |
|
|
|
|
|
|
|
|
|
使っている画像 |
ご利用になる際は、右クリックで「名前を付けて画像を保存」で |
|
|
ご自身のパソコンに保存してからご利用ください。 |
|
 |
※画像への直リンクは禁止です。 |
|
|
|
|
|
|
|
|
|
カラーバリエーション |
|
|
|
|
 |
|
 |
デザインに合わせて変更して下さい。 |
|
 |
|
 |
枠の色は画像の色に合わせて変更
して下さい。 |
|
 |
|
 |
|
|
|
|
|
|
設置方法 |
|
|
|
|
|
 CSS(スタイルシート）記述例 |
|
|
|
|
h3{
font-size:120%;
border: solid 1px #006600;
color:#ffffff;
background-image:url(bar/green.png);
line-height: 26px;
padding-left:10px;
margin-top: 5px;
margin-bottom: 1px;
}
|
|
|
|
|
|
|
|
|
HTML記述例 |
|
サンプルでは、600pxのテーブルの中に記述しています。 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
HOME
