文頭に装飾をつけてみよう;FC2ブログ・プチカスタマイズ   

文頭に装飾をつけてみよう|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | スタイルシートを学ぼう| 文頭に装飾をつけてみよう に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > 文頭に装飾をつけてみよう・基本のHTMLとスタイルシート > スタイルシートを学ぼう > 文頭に装飾をつけてみよう


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 文頭などにスタイルシートで装飾してみよう。

 見出しなどに使うと、他の文章と区別がついて読みやすいかも。

 例えば、↓見たいな感じ。

見出し装飾の例

二重線・太い線・線の色#808080 で装飾した見出しだよ

<h3 style="Z-INDEX: 0; BORDER-LEFT: #808080 thick double">二重線・太い線・線の色#808080 で装飾した見出しだよ</h3>

 

二重線・太い線・線の色#808080 ・背景色#c4ffc4で装飾した見出しだよ

<h3 style="Z-INDEX: 0; BORDER-LEFT: #808080 thick double; BACKGROUND-COLOR: #c4ffc4">二重線・太い線・線の色#808080 ・背景色#c4ffc4で装飾した見出しだよ</h3>

 

窪み線・太い線・線の色#808080 で装飾した見出しだよ

<h3 style="Z-INDEX: 0; BORDER-LEFT: #808080 thick groove">見出しだよ</h3>

 

隆起線・太い線・線の色#808080 で装飾した見出しだよ

<h3style="Z-INDEX: 0; BORDER-LEFT: #808080 thick ridge">隆起線・太い線・線の色#808080 で装飾した見出しだよ</h3>

 

PX20の実線・線の色#808080 で装飾した見出しだよ

<h3 style="Z-INDEX: 0; BORDER-LEFT: #808080 20px solid">PX20の実線・線の色#808080
で装飾した見出しだよ</h3>

 

PX20の内線・線の色#808080 で装飾した見出しだよ

<h3 style="Z-INDEX: 0; BORDER-LEFT: #808080 20px inset">PX20の内線・線の色#808080
で装飾した見出しだよ</h3>

 

PX20の外線・線の色#808080 で装飾した見出しだよ

<h3 style="Z-INDEX: 0; BORDER-LEFT: #808080 20px outset">PX20の外線・線の色#808080
で装飾した見出しだよ</h3>

 

 h3で例を挙げているけど、p・h123456どれでも使うことができる。

 

ちょっと説明

thick→太い線、thin→細い線、medium→普通の線

 

 double→二重線、groove→窪み線、ridge→隆起線、solid→実線、inset→内線、outset→外線

 

BORDER-LEFT→右側

 

ブログなどの外部スタイルシートで指定する場合は?

二重線・太い線・線の色#808080 ・背景色#c4ffc4で装飾した見出しだよ

・h3{BORDER-LEFT: #808080 thick double; BACKGROUND-COLOR: #c4ffc4; }

 ってな記載になる。



サイト内の同タグへのリンク: スタイルシート  装飾  文頭  見出し 
他のサイトへのタグリンク : スタイルシート 装飾 文頭 見出し

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[スタイルシートを学ぼう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/99-abe39afd
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。