DIV+CSS练习,DIV+CSS布局,CSS虑镜颜色渐变
来源：互联网 发布：谷歌读屏软件下载. 编辑：程序博客网 时间：2024/06/10 18:49
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Insert title here</title><style type="text/css">.boxCss{width:100%;height:auto;/* top right bottom left */margin:0 auto 0 auto;padding:0 0 0 0;display:block;}.headCss{width:100%;height:20px;margin:0 0 0 0;padding:0 0 0 0;display:block;background-color:#00CCFF;}.bodyCss{width:100%;height:20px;margin:0 0 0 0;padding:0 0 0 0;display:block;}.bodyLeftCss{width:180px;height:auto;border:0px solid #000000;margin-left:0px;margin-right:20px;margin-top:5px;margin-bottom:5px;padding:0 0 0 0;display:block;float:left;}.menuCss{width:200px;margin:1px 0 0 0;padding:0 0 0 0;display:block;border:0px solid #000000;}.mainMenuCss{width:100%;margin:0 0 0 0;padding:0 0 0 0;display:block;text-align:left;font-family:sans-serif;font-size:16px;font-style:normal;font-weight:bold;border:1px solid #000000;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr="lightblue",endColorStr="lightgreen",enable=true,gradientType='1');cursor:pointer;}.SubMenuCss{width:100%;margin:0 0 0 0;padding:0 0 0 0;display:none;font-family:sans-serif;font-size:16px;font-style:normal;font-weight:normal;background-color:#f6fcfe;cursor:pointer;}.bodyRightCss{height:auto;margin:0 0 0 100px;padding:0 0 0 0;display:block;float:left;border:0px solid #000000;}.footCss{clear:both;width:100%;height:20px;margin:0 0 0 0;padding:0 0 0 0;display:block;background-color:#00CCCC;}</style><script type="text/javascript">function subMenuControl(obj){ if(obj.nextSibling.style.display == "none" || obj.nextSibling.style.display == ""){ obj.nextSibling.style.display = "block"; }else{ obj.nextSibling.style.display = "none"; }}</script></head><body bgcolor="#CCCCCC"><div id="box" class="boxCss"><div id="headBox" class="headCss">eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</div><div id="bodyBox" class="bodyCss"> <div id="bodyLeftBox" class="bodyLeftCss"> <div id="menuBox1" class="menuCss"> <div id="mainMenuBox1" class="mainMenuCss" onclick="subMenuControl(this);">主菜单主菜单主菜1</div> <div id="subMenuBox1" class="SubMenuCss"> <a href="#">单主菜单主菜单单</a><br/> <a href="#">单主菜单主菜单单</a><br/> <a href="#">单主菜单主菜单单</a><br/> <a href="#">单主菜单主菜单单</a><br/> <a href="#">单主菜单主菜单单</a> </div> </div> <div id="menuBox2" class="menuCss"> <div id="mainMenuBox2" class="mainMenuCss" onclick="subMenuControl(this);">主菜单主菜单主菜2</div> <div id="subMenuBox2" class="SubMenuCss">单主菜单主菜单单</div> </div> <div id="menuBox3" class="menuCss"> <div id="mainMenuBox3" class="mainMenuCss" onclick="subMenuControl(this);">主菜单主菜单主菜3</div> <div id="subMenuBox3" class="SubMenuCss">单主菜单主菜单单</div> </div> </div> <div id="bodyRightBox" class="bodyRightCss"> <h1>H1</h1> <h2>H2</h2> <h3>H3</h3> <h4>H4</h4> <h5>H5</h5> <h6>H7</h6> </div></div><div id="footBox" class="footCss"><a href="#" alt="">WWW.CSS.COM</a></div></div><br/></body></html>
