网页制作 
首页 > 网页制作 > 浏览文章

Dreamweaver中怎么让html网页中的table边框细线显示?

(编辑:jimmy 日期: 2025/4/29 浏览:3 次 )

对于不是编程的我们,用Dreamweaver制作表格的情况下。默认表格边框会标的比较粗,今天给大家介绍下制作西表格超级简单的方法。是复制一段CSS内嵌样式方法来制作细线表格,然后再通过bordercolor,让边框颜色产品变化。观看起来更加美观。

方法一:

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

Dreamweaver中怎么让html网页中的table边框细线显示?

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

Dreamweaver中怎么让html网页中的table边框细线显示?

方法二:

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

Dreamweaver中怎么让html网页中的table边框细线显示?

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

复制内容到剪贴板
  1. style="  
  2.  
  3. border-collapse:collapse;  
  4.  
  5. border-width:thin;  
  6.  
  7. border-style:solid;"  

Dreamweaver中怎么让html网页中的table边框细线显示?

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

Dreamweaver中怎么让html网页中的table边框细线显示?

方法三:

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

Dreamweaver中怎么让html网页中的table边框细线显示?

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

Dreamweaver中怎么让html网页中的table边框细线显示?

相关推荐:

Dreamweaver中的表格怎么排版?

Dreamweaver8怎么制作个人风格的界面和栏?

Dreamweaver怎么创建简单的html页面并保存?

上一篇:DW cc 2015快捷键该怎么导出/修改/删除?
下一篇:Dreamweaver怎么添加文本?怎么设置文本?
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?