源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
楼主: ttx9n

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

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2016-3-10 15:34:34 | 显示全部楼层 |阅读模式
Dreamweaver中怎么让html网页中的table边框细线显示?Dreamweaver中插入表格默认是宽边框的,看上去很难看,该怎么将边框设置成细线呢?请看下文详细介绍,需要的朋友可以参考下

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

方法一:

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

20160310153411287.jpg

20160310153411287.jpg

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

20160310153411288.jpg

20160310153411288.jpg

方法二:

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

20160310153411289.jpg

20160310153411289.jpg

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

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

20160310153411290.jpg

20160310153411290.jpg

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

20160310153411291.jpg

20160310153411291.jpg

方法三:

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

20160310153411292.jpg

20160310153411292.jpg

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

20160310153411293.jpg

20160310153411293.jpg

相关推荐:

Dreamweaver中的表格怎么排版?

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

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

回复

使用道具 举报

8

主题

2万

回帖

52

积分

注册会员

Rank: 2

积分
52
发表于 2022-8-28 08:57:09 | 显示全部楼层
啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦
回复 支持 反对

使用道具 举报

4

主题

1万

回帖

60

积分

注册会员

Rank: 2

积分
60
发表于 2023-2-26 08:00:16 | 显示全部楼层
老衲笑纳了
回复 支持 反对

使用道具 举报

13

主题

2万

回帖

97

积分

注册会员

Rank: 2

积分
97
发表于 2023-4-21 13:45:43 | 显示全部楼层
哈哈哈哈哈哈
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-6-24 22:03:56 | 显示全部楼层
女生看了弄丢了卡萨诺的卡洛斯
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-6-29 07:51:50 | 显示全部楼层
刷屏刷屏刷屏
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

380

积分

中级会员

Rank: 3Rank: 3

积分
380
发表于 2023-11-30 14:43:41 | 显示全部楼层
不错的源码论坛
回复 支持 反对

使用道具 举报

5

主题

2万

回帖

183

积分

注册会员

Rank: 2

积分
183
发表于 2024-3-10 13:18:59 | 显示全部楼层
哦哦哦哦哦哦哦哦哦
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-4-19 23:00:26 | 显示全部楼层
我要金豆金豆金豆
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-5-9 10:17:40 | 显示全部楼层
很好,谢谢分享
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-24 12:58 , Processed in 0.072017 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表