读书人

DIV+CSS兑现网页布局

发布时间: 2012-06-20 20:37:21 作者: rapoo

DIV+CSS实现网页布局

表格网页布局有很多弊端,例如定义繁琐,代码查看不方便等,用DIV+CSS模式实现网页布局较为系统、方便,通用性较强。

例如现在比较常用的在网页底部很长的一栏,就可以用其实现。

DIV+CSS兑现网页布局

我们来看看具体实现方式,举例说明。为方便观看,我没用代码实现,而用直接点击鼠标来实现。

DIV+CSS兑现网页布局

在Dreamweaver的常用工具栏中,点击div。弹出框中的ID项填入名称。

DIV+CSS兑现网页布局

点击右侧的CSS栏,点击DIV+CSS兑现网页布局图标,新建规则,我们这里按自己需求设置。

DIV+CSS兑现网页布局

OK,看我实现的,我把它放在了网页上部。

DIV+CSS兑现网页布局

当然是半成品,里面没有添加链接,不早了,先睡了,明天利用周末时间搞一搞。


读书人网 >CSS

热点推荐