copyright

株式会社アイネックスはソフトウェアの開発、検証ツールの支援企業です。

　　　　　横浜、東京に拠点を置き、検証システム／金融・証券のシステム等の構築、開発を行い、
検証ツールの支援と多岐にわたるソリューションを提供します。

galleria

01-08)　1.　色(color)の指定

1.テキストを赤色(colorプロパティ)指定を記述する

ｃｓｓの書き方 .colRed{
  color:#ff0000;
}
HTMLの使用例 <p class="colRed">[赤色　:標準] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[赤色　:標準] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、 リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。

2.テキストを赤色(colorプロパティ)、
 強調(font-weight)、
 拡大（font-size:1.5）指定を記述する

ｃｓｓの書き方 .colRedH3{
  color:#ff0000;
  font-size: 1.5em;  /* 拡大指定　*/
  font-weight:bold; /* 太字　　　　*/
}
HTML使用例 <p class="colRedH3"><br />
[赤色　強調　：拡大1.5] イアウト テーブル描くときヘッダー グラィックスが入るセルをページの上の辺に沿って、
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[赤色　強調　：拡大1.5] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、 リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。

3.テキストを青色(colorプロパティ)指定を記述する

ｃｓｓの書き方 .colBlue{
  color:#3300ff;
}
HTMLの使用例 <p class="colBlue">[青色:標準] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[青色:標準] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、 リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。

4.テキストを青色(colorプロパティ)、
  強調(font-weight)、
  拡大（ font-size:1.5）指定を記述する

ｃｓｓの書き方 .colBlueH3{
  color:#3300ff;
  font-size: 1.5em; /* 拡大指定　*/
  font-weight:bold; /* 太字　　　　*/
}
HTMLの使用例 <p class="colBlueH3">[青色　強調：拡大1.5] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[青色　強調：拡大1.5] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、 リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。

5.テキストにピンク　ライン色(background-image)指定を記述する

ｃｓｓの書き方 .linePink{
  background-image:
        url (../images/park_blog_linePink.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  ont-weight: normal;
 }
HTMLの使用例 <p class="fntSzMd"><span class="linePink">[ピンク　ライン色] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、</span>
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[ピンク　ライン色] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、 リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。

6.テキストに青色　ライン色(background-image)指定を記述する

ｃｓｓの書き方 .lineBlue{
  background-image:
         url(../images/park_blog_lineBlue.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  font-style: normal;
 }
HTMLの使用例 <p class="fntSzMd"><span class="lineBlue">[青色　ライン色] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、</span>
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[色　ライ色] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、 リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。

01-08)　2.　補足説明　ｆｌｏａｔしたボックスに余白を与える注意

　・・　マージンの指定がIE6では2倍になる【バグ】 margin-left 50px;

　・・　ハック対策　ie6確認

　・・　ハック対策　ie7確認

見出し 1.3-1

1.3 ここにコンテンツを挿入します

1.3 ここにコンテンツを挿入します

1.3 ここにコンテンツを挿入します


見出し 1.3-2
(調整あり）

1.3 IE6 では赤色指定追加

1.3 ここにコンテンツを挿入します

1.3 ここにコンテンツを挿入します


見出し 1.3-3

1.3 IE7 では青色指定追加

1.3 ここにコンテンツを挿入します

1.3 ここにコンテンツを挿入します