トリコロールカラー用スタイルシート(見出しタグ1 <H1>〜</H1>奨励1行)

ホームページのサブタイトル(見出しタグ2 <H2>〜</H2>)


ここに、コメントやイメージ画像・背景画像などを表示して、TOPバーを飾ってみてください。
画像の上に表示する文字は、この白抜き文字(見出しタグ3 <H3>〜</H3>)をおすすめします。

 
コンテンツ メニュー
TOP INFO BBS LINK Contact Us
MENU1 MENU2 MENU3 MENU4 MENU5
イメージ画像

イメージ画像等を挿入

リストタグ<UL><LI>使用時の文字色
■ 新着情報 ■
  • 2004年XX月XX日 ○○○をUPしました。
  • 2004年XX月XX日 BBSを設置しました。
  • 2004年XX月XX日 ホームページ立ち上げ。
下の点線は<HR class="dot"> で表示できます。
<SPAN>〜</SPAN>タグの使用で、影のある枠を表示します。
※周りの背景に薄グレー(#999999前後)を指定しますと、影が埋もれてしまいます。
〜あいうえお〜
     カキクケコ!


MENU用LINK文字(影付き立体文字)の装飾は
<A class="menu" href="XXX">〜</A>と記述します。 Sample
通常時のLINK文字の基本装飾は、こんな感じです。
TABLE,TR,TD,DIV,SPANの背景色はCSS側では設定していません(透明色扱い)。
TD,DIV,SPANタグ内に「class=色名」の記述でそれぞれの色の背景になります。
色名の参照
red(赤) blue(青) gray(薄グレー) white(白、薄グレー枠付)
classで色を指定した場合、横幅の初期値が160pxに設定されています。
以上が「tricoroll.css」のスタイルシート概要となります。



情報1
情報2
情報3
 ※ この縦縞3色背景の表示は、DIV,SPAN,TD等のタグ内にclass="trico"の指定で表示されます。


© 2003 MAD.inc All rights reserved
ダウンロード
x 閉じる