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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html语法,让table里的每一个行和列都有黑色的边框线怎么弄?css代码。相关的知识,希望对你有一定的参考价值。

两种方法可以使用,

1、使用style的tdborder:1px solid black;属性可以添加边线,但是容易线条重叠,显得不美观,单独使用tdborder-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>

参考技术A 如果让表格里的每一行,每一列都有黑色的边框线,可以用设置边框的方法。
在工作表中的单元格周围都有灰色的细线,但是这些细线在打印的时候并不显示出来,如果要在打印时出现表格框线,必须设置单元格边框。
选定要设置边框格式的单元格区域,单击【开始】功能区的【对齐方式】组的对话框启动器,打开【设置单元格格式】对话框,单击【边框】选项卡,可根据需要设置线条样式和颜色。
在对话框的【边框】区中,排列着八个框线按钮,用户可以根据需要单独单击其中的某些按钮来确定添加和删除哪些边框。
在选择了需要添加框线的单元格之后,还可以单击【开始】功能区的【边框】按钮右侧的小箭头,在展开的下拉列表中选择所需边框。
希望我能帮助你解疑释惑。
参考技术B table指的是表格

tr是行
tb是单元格
所以都给他们class名字 在css里 tableborder-collapse:collapse; tdborder:#000 1px solid;
参考技术C table
border:1px solid black;
width:800px;
height:500px;

table tr td
border:1px solid black;
参考技术D border="1" bordercolor="#000000"

使用 ggarrange 添加行和列标题

【中文标题】使用 ggarrange 添加行和列标题【英文标题】:add row and column titles with ggarrange 【发布时间】:2020-06-06 09:51:21 【问题描述】:

我有一个 ggplots 列表,这些 ggplots 可能过于复杂而无法使用 facet_wrap 进行排列。所有地块必须共享相同的图例,并应排列在网格中。网格的每一列需要不同的标题,网格的每一行也需要不同的标题。 一个简单得离谱的例子:

library(ggplot2)
library(ggpubr)

plot1<- ggplot() + geom_point(aes(x=1, y=1, col="a"))
plot2<- ggplot() + geom_point(aes(x=1, y=1, col="a"))
plot3<- ggplot() + geom_point(aes(x=1, y=1, col="a"))
plot4<- ggplot() + geom_point(aes(x=1, y=1, col="a"))

plotlist<- list(plot1, plot2, plot3, plot4)

ggarrange(plotlist = plotlist, ncol = 2, nrow = 2, common.legend = TRUE, legend="bottom")

这会生成除列和行标题之外的所有内容,并且 annotate_figure 只为图形添加一个全局标题。所需的输出应如下所示:

【问题讨论】:

小提示:当所有对象都相同时,也可以使用plot1&lt;-plot2&lt;-plot3&lt;-plot4&lt;- 【参考方案1】:

我更喜欢patchwork 包。控制布局很容易。标题有点棘手。 Patchwork 使用每个绘图中的实验室 - 因此您可以将绘图标题添加到上部绘图,并可能在左侧绘图的 y 标签中添加一行。

可以说更简单的是创建标题作为情节并将它们添加到您的拼凑中。您可以轻松自定义布局,例如 explained in the patchwork vignette

library(ggplot2)
library(patchwork)

plot1<-plot2<-plot3<-plot4<- ggplot() + geom_point(aes(x=1, y=1, col="a"))

row1 <- ggplot() + annotate(geom = 'text', x=1, y=1, label="row 1 title", angle = 90) + theme_void() 

row2 <- ggplot() + annotate(geom = 'text', x=1, y=1, label="row 2 title", angle = 90) + theme_void() 

col1 <- ggplot() + annotate(geom = 'text', x=1, y=1, label="col 1 title") + theme_void() 

col2 <- ggplot() + annotate(geom = 'text', x=1, y=1, label="col 2 title") + theme_void() 

layoutplot <- "
#cccddd
aeeefff
aeeefff
bggghhh
bggghhh
"

plotlist <- list(a = row1, b = row2, c = col1, d = col2, e= plot1, f=plot2, g=plot3, h=plot4)

wrap_plots(plotlist, guides = 'collect', design = layoutplot)

由reprex package (v0.3.0) 于 2020 年 2 月 22 日创建

【讨论】:

以上是关于html语法,让table里的每一个行和列都有黑色的边框线怎么弄?css代码。的主要内容,如果未能解决你的问题,请参考以下文章

在C#中怎样设置table的行和列数,谢谢。

js 表格的每一行都有一个按钮 点击按钮修改当前行某一列的信息

html5中table标签下的行和列的合并问题

Seaborn 热图 - 要显示的行和列统计信息

js如何获取table有多少行和列

JS如何获取table有多少行和列