如何在Dreamweaver中制作表格美化页面

html-css017

如何在Dreamweaver中制作表格美化页面,第1张

使用表格美化页面是很多年前以前流行的做法,现在网页都在使用div+css来美化页面。

使用表格美化页面也就是利用表格的结构固定不同的网页元素,让网页元素按照预想的设计有序地排列,达到美观的效果。

比如制作一个类似百度知道这样布局的页面,用表格大致可以如此设计

大体搭建之后,可以再利用表格的对齐、单元格的拆分、合并、表格嵌套等功能细致设计每个网页元素的位置,然后可以在表格插入图片、表单、文字等等,可以通过修改表格边框、网页背景色、表格背景色、图片、文字颜色、字体等等综合在一起进行网页美化。

1、新建一个html文件,命名为test.html,用于讲解css如何定义表格内外边框颜色各不相同。

2、在test.html文件内,使用table标签创建一个表格,用于测试。

3、在test.html文件内,设置table标签的class属性为otwo。

4、在css标签内,通过class定义表格的外边框的颜色,例如,这里使用border属性设置外边框颜色为红色。

5、在css标签内,再通过class定义表格内边框的颜色,即td单元格的颜色,例如,这里设置为蓝色。