来一发用UL完成非Table四行三列结构

只看该作者 · 发表于 2015-1-16 00:21:10

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

你用什么用的熟练就用什么，讲究的是效率，客户永远不管你用什么，页面就要好看，功能就要好用，还有时间和成本的问题。
　　先看看效果：
　　

　　上面是源代码：
<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>
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。

只看该作者 · 发表于 2015-1-18 06:13:31

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

只看该作者 · 发表于 2015-1-24 16:29:03

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

只看该作者 · 发表于 2015-2-2 11:21:52

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

只看该作者 · 发表于 2015-2-7 19:11:32

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

只看该作者 · 发表于 2015-2-23 09:19:21

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

只看该作者 · 发表于 2015-3-7 08:08:36

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

只看该作者 · 发表于 2015-3-14 19:44:49

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

只看该作者 · 发表于 2015-3-21 15:32:39

还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来一发用UL完成非Table四行三列结构

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子