首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

DIV+CSS兑现网页布局

2012-06-20 
DIV+CSS实现网页布局表网页布局有很多弊端,例如定义繁琐,代码查看不方便等,用DIVCSS模式实现网页布局较为

DIV+CSS实现网页布局

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

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

DIV+CSS兑现网页布局

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

DIV+CSS兑现网页布局

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

DIV+CSS兑现网页布局

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

DIV+CSS兑现网页布局

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

DIV+CSS兑现网页布局

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


热点排行