Dreamweaver中怎么让html网页中的table边框细线显示?
发布时间：2016-03-10 15:34:34 作者：佚名 
我要评论
我要评论Dreamweaver中怎么让html网页中的table边框细线显示？Dreamweaver中插入表格默认是宽边框的，看上去很难看，该怎么将边框设置成细线呢？请看下文详细介绍，需要的朋友可以参考下
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
对于不是编程的我们，用Dreamweaver制作表格的情况下。默认表格边框会标的比较粗，今天给大家介绍下制作西表格超级简单的方法。是复制一段CSS内嵌样式方法来制作细线表格，然后再通过bordercolor，让边框颜色产品变化。观看起来更加美观。
方法一：
1、首先打开Dreamweaver CS6创建一个表格
2、边框粗细为1像素，单元格边距和间距为零。（默认状态即可）
方法二：
1、我们点实时视图看预览的表格边框比较粗，实际上在浏览器观看也是一样的，我就不贴图了。
2、在table标签里面添加一个style内嵌样式，复制下面的代码。
复制内容到剪贴板
- style="
- border-collapse:collapse;
- border-width:thin;
- border-style:solid;"
3、然后让我们开下点下图片里的实际视图。一目了然。按道理说应该完善了。但是如果有需要的话，加点颜色会更好。
方法三：
1、按图所示，最重要的一点，我没有点实际视图，是方面给大家演示出来的效果。
2、然后可以根据大家的需求来选择。我们直接来看效果吧！
相关推荐：
相关文章
- Table默认是有外边框，有内边框的，那么如何通过css样式简单实现Table没有外边框，只有内边框呢？下面有个不错的示例，大家可以看看2014-06-13
一个属性border-collapse解决Table的边框问题
表格的边框算是页面制作中最头痛的，带边线的表格在之前非常讨厌做，不过今天终于解决了这个问题，下面将示例与大家分享下2014-03-26- 在默认的情况下，我们的CSS将Table的边框清除掉了，下面与大家分享下CSS控制Table内外边框、颜色、大小的样式，想学习的朋友可以参考下2013-08-01
- 在css中已经写好了使table不显示边框的代码，在ie浏览器中显示正常，但是在火狐和谷歌浏览器中显示不正常，table的每个边框都显示了出来，因为浏览器不同带来的麻烦可是不2013-06-26
- 表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。2011-04-01
- 大家经常会发现Table的BORDER设置为1，得到的边框却不是想要的1个像素的细边框，于是很多人去想方设法做出细边框的效果。2010-06-23
- 表格边框的处理是CSS网页布局中经常会遇到的内容，在webjx.com中也有过相关的介绍，除了将表格作为一个整体进行定义，您也可以将表格边框的四个部分分别进行定义，包括顶部2010-01-23
- 前面学了网页表格中的单元格线条的设置方法,今天学习网页表格的边框线的设置方法。 ------------------------------------------------------------------------------2008-10-17
- 网页表格表框制作技巧。 -------------------------------------------------------------------------------- 表格边框的显示与隐藏，是可以用frame参数来控制的。请2008-10-17
- 这篇文章主要介绍了Table显示你要显示的边框代码的相关资料,需要的朋友可以参考下2016-05-03
最新评论