Dreamweaver制作table细线表格边框《图文教程》
作者:温州网站建设   发布时间:2016-09-01  浏览:

Dreamweaver制作table细线表格边框《图文教程》,在Dreamweaver中插入一个表格,若设置其“边框(Border)”为1,预览时其边框线较粗。对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格。

边框粗细为1像素,单元格边距和间距为零。(默认状态即可)

Dreamweaver制作table细线表格边框《图文教程》

 

1、首先打开Dreamweaver  CS6创建一个表格,边框粗细为1像素,单元格边距和间距为零。(默认状态即可)

单元格边距和间距为零

我们点实时视图看预览的表格边框比较粗,实际上在浏览器观看也是一样的,我就不贴图了。

我们点实时视图看预览的表格边框比较粗

 

在table标签里面添加一个style内嵌样式,复制下面的代码。
style="
border-collapse:collapse;
border-width:thin;
border-style:solid;"
Dreamweaver制作table细线表格边框《图文教程》

然后让我们开下点下图片里的实际视图。一目了然。按道理说应该完善了。但是如果有需要的话,加点颜色会更好。

Dreamweaver制作table细线表格边框《图文教程》

按图所示,最重要的一点,我没有点实际视图,是方面给大家演示出来的效果。

Dreamweaver制作table细线表格边框《图文教程》

然后可以根据大家的需求来选择。我们直接来看效果吧!

分享到:QQ空间新浪微博腾讯微博人人网微信
产品服务

欣网网络的小伙伴们随时为您待命