Dreamweaver html表格边框细线效果设置方法

Dreamweaver html表格边框细线效果设置方法,第1张

可能很多除使用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

表格边框细线效果怎么实现相关内容了,不知道大家是否已经了解了呢。

<table border="1" cellspacing="0" >

<!--border=1设置包括标签table,tr,td的边框粗细,cellspacing合并标签tr,个td的空隙-->

<tr>

<td>1-1</td>

<td>1-2</td>

</tr>

<tr>

<td>2-1</td>

<td>2-2</td>

</tr>

</table>

div+css只是一种写法

并不是不能用表格

改用表格写的还是要用的

毕竟table有很多实用的样式

只是如果用table布局的话浏览器解析起来会很慢

用div+css比较灵活一些而已

你说的这个线可以使用border来做

具体做法是

把这条线

当做一个标签的左边框

设置边框的像素大一些

边框就粗了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6245212.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存