来一发用UL完成非Table四行三列结构
你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。先看看效果:
上面是源代码:
<html>
<head>
<title>test</title>
<styletype="text/css">
ul{
margin:0px;
padding:0px;
width:200px;
}
ulli{
float:left;
list-style-type:none;
border-top:#000solid1px;
border-left:#000solid1px;
width:65px;
}
.border-r{
border-right:#000solid1px;
}
.border-b{
border-bottom:#000solid1px;
}
.border-l{
border-right:#000solid1px;
border-bottom:#000solid1px;
}
</style>
</head>
<body>
<ul>
<li></li>
<li></li>
<liclass="border-r"></li>
</ul>
<ul>
<li></li>
<li></li>
<liclass="border-r"></li>
</ul>
<ul>
<li></li>
<li></li>
<liclass="border-r"></li>
</ul>
<ul>
<liclass="border-b"></li>
<liclass="border-b"></li>
<liclass="border-l"></li>
</ul>
</body>
</html> 将下面的代码保留成html格局的网页文档就可以看到效果了。
</p>
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手. 俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
页:
[1]