html语法,让table里的每一个行和列都有黑色的边框线怎么弄?css代码。

html语法,让table里的每一个行和列都有黑色的边框线怎么弄?css代码。,第1张

两种方法可以使用,

1、使用style的td{border:1px solid black}属性可以添加边线,但是容易线条重叠,显得不美观,单独使用td{border-top:1px solid black}等属性 *** 作繁琐,基本不建议使用

2、使用table自带属性<table border="1">,可以直接为table内的单元格加上线条,但是单元格之间默认有边距,如果不想要的话使用cellspacing="0"清空边距,而且使用 border="1"线条会显得比较粗,所以可以使用style="border-collapse:collapse"让其变细,以下为demo代码。

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<!-------使用table自带属性border,cellspacing属性0是取消单元格之间的距离,不写style部分线条默认会比较粗--------->

<table cellspacing="0" border="1" style="border-collapse:collapse">

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

</table>

</body>

</html>

【解决过程】

现在想要把word中的表格边框和行列的虚线,灰色的,变成实线,黑色的。

网上找了下,貌似没几个说的清楚。自己折腾了下,发现其实很简单:

在word中,选择你要 *** 作的表格,光标保证在表格内部,即可。

点击右键,选择“边框和阴影Borders

and

Shading”

-

在边框Boarders一栏中,将把默认的没有None,改成所有All,然后确认OK即可。

这样就可以把原先的灰色的虚线改成黑色的实线了,然后包括打印文档的时候,表格也有了对应的表格线了。

【提示】

1。表格边框大小会动态地根据你当前的文字而改变宽度:

选择表格,右键,选择Table

Properties表格属性

-

在Table表格一栏中,选择Options选项

-

在Option选项区域中,点选Automatically

resize

to

fit

contents自动更改边框的大小以适应文字,即可实现:你在表格中不停输入文字后,边框大小会动态地根据你当前的文字而改变宽度,然后OK确定即可。

2。单元格中的内容会自动适应表格,会根据边框宽度自动换行

选择表格,右键,选择Table

Properties表格属性

-

在Cell单元格一栏中,选择Options选项

-

在Options选项区域中,点选Wrap

test单元格中的文字根据表格边框宽度,自动换行以适应表格,然后OK确定即可。

后来才想起来,其实有个更简单的方法,就是选中该表格

,然后右键点击

,选择表格自动套用格式

-

表格样式,选择“表格主题”,

即可以套用普通格式的表格,即可以实现表格边框是实线而不是灰色线了。


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

原文地址: https://outofmemory.cn/bake/11460910.html

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

发表评论

登录后才能评论

评论列表(0条)

保存