歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  html5寫的3D逼真圣誕樹效果
 
  html, body { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; }
 
  div { margin: 0; padding: 0; border: 0; }
 
  .nav {
 
  position: absolute;
 
  top: 0;
 
  left: 0;
 
  width: 100%;
 
  height: 27px;
 
  background-color: white;
 
  color: black;
 
  text-align: center;
 
  line-height: 25px;
 
  }
 
  a { color: black; text-decoration: none; border-bottom: 1px dashed black; }
 
  a:hover { border-bottom: 1px solid red; }
 
  .previous { float: left; margin-left: 10px; }
 
  .next { float: right; margin-right: 10px; }
 
  .green { color: green; }
 
  .red { color: red; }
 
  textarea { width: 100%; height: 100%; border: 0; padding: 0; margin: 0; padding-bottom: 20px; }
 
  .block-outer { float: left; width: 22%; height: 100%; padding: 5px; border-left: 1px solid black; margin: 30px 3px 3px 3px; }
 
  .block-inner { height: 68%; }
 
  .one { border: 0; }
 
  var collapsed = true;
 
  function toggle() {
 
  var fs = top.document.getElementsByTagName('frameset')[0];
 
  var f = fs.getElementsByTagName('frame');
 
  if (collapsed) {
 
  fs.rows = '250px,*';
 
  // enable resizing of frames in firefox/opera
 
  fs.noResize = false;
 
  f[0].noResize = false;
 
  f[1].noResize = false;
 
  } else {
 
  fs.rows = '30px,*';
 
  // disable resizing of frames in firefox/opera
 
  fs.noResize = true;
 
  f[0].noResize = true;
 
  f[1].noResize = true;
 
  }
 
  collapsed = !collapsed;
 
  }
 
  var b = document.body;
 
  var c = document.getElementsByTagName('canvas')[0];
 
  var a = c.getContext('2d');
 
  document.body.clientWidth; // fix bug in chrome.

如需轉載,請注明文章出處和來源網址:http://www.rs2pl.com/html/h62470.shtml

久久天天躁狠狠躁夜夜躁2020