正在阅读:Dreamweaver html 表格边框细线效果的实现方法Dreamweaver html 表格边框细线效果的实现方法

2018-05-30 16:14 出处:其他 作者:佚名 责任编辑:konbeier

  可能很多除使用Dreamweaver的网友对其中的表格属性的设置还不是很了解,想要让html 表格边框有细线的效果,首先我们得要让边框像素为最小,其次它的内边距等都得为零,一起看看具体的设置方法吧。

  Dreamweaver html 表格边框细线效果怎么实现?

  方法一:

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

 

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

  方法二

  1、首先打开Dreamweaver CS6创建一个表格

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

  方法三:

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

  2、在table标签里面添加一个style内嵌样式,复制下面的代码。

  复制内容到剪贴板

  style="

  border-collapse:collapse;

  border-width:thin;

  border-style:solid;"

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

  总结:以上就是全部的Dreamweaver html 表格边框细线效果怎么实现相关内容,不知道大家是否已经了解了呢。

   

Macromedia Dreamweaver8软件版本:官方简体中文版网络工具立即查看

关注我们

最新资讯离线随时看 聊天吐槽赢奖品