dreamweaver8如何制作出这种效果

来源：百度知道 编辑：UC知道 时间：2024/06/25 00:32:48
http://iask.sina.com.cn/?k=

页面左下方，上周积分排行/总积分排行

这种有多个同样大小的表单，每次只显示一个。其余不显示表单以标题的形势呈现在表单上面的。

看了一些例子，似乎是使用层的。但是由于看的粒子都有很多CSS什么的很复杂看得不是很明白。如果可以最好能帮我详细的讲解以下怎么制作最简单的这种表单。我是新手，教程可能会看得不太明白。谢谢各位了。
那能不能请那位高人给我写一段贴在html里面就能用的简单的代码呢？不用CSS什么的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>滑动门</title>
<style media="screen" type="text/css">
<!--
html,body{margin:0;font-size:12px;} /*定义网页全局属性，字体大小12px,边距为0*/
UL{list-style-type:none; margin:0px; padding:0;} /*定义ul列表属性，就是把列表的默认样式去掉，list-style-type是列表前面的点，none是列表前面什么都没有，margin和padding是清除列表的自动缩进*/

.main { width:500px; border:1px solid #ccc;}/*定义整个块的属性，宽度500，边框1像素，实线，边框颜色#ccc*/
.clr { clear:both;}/*用来清除浮动一个属性*/