「単ピクセル画像とスタイルシートを組み合わせる」のHTMLソース 
<html>
<head>
  <title>単ピクセル画像とスタイルシートを組み合わせる</title>

  <script lanuage="JavaScript">
    function chgfocus(){
    window.focus();
    window.resizeTo(540,600);
    }
    window.onload=chgfocus;
  </script>

</head>

<body>

        <!-- 上部の青線を表示する -->
  <div style="position:absolute; left:50; top:80">
    <img src="dot_bl.png" width="400" height="1"></div>
  <div style="position:absolute; left:50; top:85">
    <img src="dot_bl.png" width="400" height="1"></div>
  <div style="position:absolute; left:50; top:90">
    <img src="dot_bl.png" width="400" height="1"></div>


        <!-- 下部の青線を表示する -->
  <div style="position:absolute; left:50; top:410">
    <img src="dot_bl.png" width="400" height="1"></div>
  <div style="position:absolute; left:50; top:415">
    <img src="dot_bl.png" width="400" height="1"></div>
  <div style="position:absolute; left:50; top:420">
    <img src="dot_bl.png" width="400" height="1"></div>


        <!-- 左の緑線を表示する -->
  <div style="position:absolute; left:80; top:50">
    <img src="dot_gr.png" width="1" height="400"></div>
  <div style="position:absolute; left:85; top:50">
    <img src="dot_gr.png" width="1" height="400"></div>
  <div style="position:absolute; left:90; top:50">
    <img src="dot_gr.png" width="1" height="400"></div>


        <!-- 右の緑線を表示する-->
  <div style="position:absolute; left:410; top:50">
    <img src="dot_gr.png" width="1" height="400"></div>
  <div style="position:absolute; left:415; top:50">
    <img src="dot_gr.png" width="1" height="400"></div>
  <div style="position:absolute; left:420; top:50">
    <img src="dot_gr.png" width="1" height="400"></div>


        <!-- テキストを表示する -->
  <div style="position:absolute; left:100; top:100;
    font-size:150; color:#ffdd33"><b>若葉</b></div>

  <div style="position:absolute; left:130; top:185;
    font-size:80; color:#999999"><b>わかば</b></div>
  <div style="position:absolute; left:125; top:180;
    font-size:80; color:#99ff33"><b>わかば</b></div>

  <div style="position:absolute; left:205; top:255;
    font-size:80; color:#ff99cc"><b>の</b></div>

  <div style="position:absolute; left:125; top:320;
    font-size:80; color:#99ccff"><b>ページ</b></div>

  <div style="position:absolute; left:175; top:350;
    font-size:40; color:#999999">P A G E</div>


  <div style="position:absolute; top:470; left:40">
  <a href="" onclick= window.close(); return false">ウィンドウを閉じる</A>
  </div>

</body>
</html>

戻る