borderスタイルををbodyに.

＜body＞タグにborderスタイルを設定すると、ページ全体に枠線が表示される。

*FireFox／GoogleChromeではbodyタグにborderスタイルを適用できないようだ。

下の各ボタンでページ全体の枠線を変更できます

　ページ全体の枠線を変更

Sample Source......................................................................>>>

<style TYPE="text/css"><!--
　　.st1 {border:outset green 10mm}
　　.st2 {border-left:inset magenta 40pt}
　　.st3 {border-left:groove pink 2cm;border-right:ridge red 3cm}
　　.st4 {border-top:double sandybrown 6mm;border-bottom:double sienna 8mm}
　　button {font-size:12pt;cursor:hand}
--></style>

<script language="JavaScript"><!--
　function BorderChange(n){
      by.className = "st" + n;//bodyのclass名を変更することでborderを変える
　}
//--></script>
</head>
<body id="by" class="st1">

<p>
　<button onclick="BorderChange(1);">デフォルト</button>
  <button onclick="BorderChange(2);">枠線1</button>
  <button onclick="BorderChange(3);">枠線2</button> 
  <button onclick="BorderChange(4);">枠線3</button>　
</p>