株式会社アイネックスはソフトウェアの開発、ホームページの作成ツール企業です。

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

galleria

04-04)  1. 行間に罫線を引く p要素に指定 ・・ 文字の下のみ適用

cssの書き方 .outlineNote{
  color: #2F2120;
}
.outlineNote span{
  line-height: 2em;
  padding-bottom: 0.4em;
  border-bottom: 1px dotted #2F2120;
}
HTMLの使用例 <p class="outlineNote">
  <span>文字列1 ・・・<br/>
    文字列2 ・・・
  </span>
</p>

レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、 さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。
レイアウト テーブルは、必要に応じて簡単なものも複雑なものも作成することができま。


04-04)  2. 行間に罫線を引く div要素で間接に指定 ・・ 文字の下のみ適用

cssの書き方 .outlineNote{
  color: #2F2120;
}
.outlineNote span{
  line-height: 2em;
  padding-bottom: 0.4em;
  border-bottom: 1px dotted #2F2120;
}
HTMLの使用例 <div class="outlineNote">
  <p>
    <span>文字列1・・・<br/>
      文字列2 ・・・</span>
  </p>
</div>

レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページ左の辺に沿って、 さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。
レイアウト テーブルは、必要に応じて簡単なものも複雑なものも作成することができます。


04-04)  3. 行間に罫線を引く(ピンクの線付) div要素で間接に指定

cssの書き方 .outlinePinkNote{
  color: #2F2120;
}
.outlinePinkNote span{
  line-height: 2em;
  padding-bottom: 0.4em;
  border-bottom: 1px dotted #2F2120;
  background-image: url(../images/park_blog_linePink.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
HTMLの使用例 <div class="outlinePinkNote">
  <p>
    <span>文字列1・・・<br/>
      文字列2 ・・・</span>
  </p>
</div>

レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、 さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。
レイアウト テーブルは、必要に応じて簡単なものも複雑なものも作成することができます。


04-04)  4. 行間に罫線を引く(青の線付) div要素で間接に指定

cssの書き方 .outlineBlueNote{
color: #2F2120;
}
.outlineBlueNote span{
line-height: 2em;
padding-bottom: 0.4em;
border-bottom: 1px dotted #2F2120;
background-image: url(../images/park_blog_lineBlue.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
HTMLの使用例 <div class="outlineBlueNote">
  <p>
    <span>文字列1・・・<br/>
      文字列2 ・・・</span>
  </p>
</div>

レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、リンク バーが入るセルをページの左の辺に沿って、 さらに Web ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで取ることができます。
レイアウト テーブルは、必要に応じて簡単なものも複雑なものも作成することができます。