如何在tr标签周围放置边框？
在HTML中，<tr>标签表示表格的一行。要在<tr>标签周围放置边框，可以使用CSS样式。以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head><style>
table {
border-collapse: collapse;
width: 50%;
}
tr {
border: 2px solid black;
}
td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
</style>
</head>
<body><table>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>
</body>
</html>在这个示例中，我们为<tr>元素添加了一个2像素的实线边框，为<td>元素添加了一个1像素的实线边框和10像素的内边距。border-collapse: collapse;样式使表格的边框合并在一起，使其看起来更整洁。
请注意，这个答案不涉及任何云计算品牌商，只是提供了一个关于HTML和CSS的通用解决方案。
相关·内容
2回答
为什么CSS属性边框崩溃和空单元格冲突？
html、css、html-table
我可以使用CSS属性border-collapse组合相邻表单元格的边框。我可以使用empty-cells来隐藏没有内容的表格单元格。但是，当我同时使用这两种方法时，empty-cells属性没有效果，空单元格总是可见的。至少它们周围都有一个边框，即使多个相邻的行和列都是空的。
下面是一个例子：
<!doctype html>
<html>
<head>
<style>
table
{
border-collapse: collapse;
border-spacing: 0;
}
th,
td
{
empty-cell
浏览 2提问于2013-09-12得票数 2
回答已采纳
2回答
iTextSharp XMLWorker不适用于css边界崩溃:崩溃；
itextsharp
HTML代码是：
<html>
<head>
<title>test</title>
<style type="text/css">
table {
border-collapse: collapse;
}
table tr td {
border: 2px solid black;
}
浏览 7提问于2015-09-15得票数 1
回答已采纳
1回答
表单元格边框是否算作其内容的一部分？
html、css、google-chrome、firefox
以下文档在Firefox和Chrome上的呈现方式不同：
<!DOCTYPE html>
<html>
<head>
<title>Table rendering test</title>
<style>
table {
border-collapse: collapse;
border-spacing: 0;
padding: 0;
浏览 0提问于2015-11-06得票数 0
1回答
KeyError:在HTML中添加变量时的'\n边框‘
python、html、email、html-email
一个简单的表格，我想包括在一个html电子邮件，这是由python发送。
html = """
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;}
th, td {padding: 5px;}
th {text-align: left;}
</style>
</head>
<body>
<h2>Basic
浏览 0提问于2020-03-19得票数 0
2回答
HTML:内联块不只适用于一个表
html、display、ccss
我真的是个html新手，我正在尝试创建一组html表格，我正在使用display : inline块，它以我想要的方式工作，将一些表格放在其他表格旁边……但是当我只放置一个表格时，它不会显示表格的边框。代码如下：
table {
border: 1px solid black;
border-collapse:collapse;
display: inline-block;
}
h2.headertekst {
浏览 0提问于2018-11-16得票数 1
1回答
Outlook 2013表格边框未受尊重
css、html-table、html-email、border-layout
在中，我们取得了预期的结果：
但在Outlook 2013中，边框将从表中移除，或仅部分显示：
我们似乎无法找到一种方法来解决如何在Outlook中获得与相同的外观。一个注意事项是，CSS分为两部分，第一部分不能只修改第二部分。因为第一部分是我们在使用PowerShell的其他电子邮件模板中使用的默认部分。
代码：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
font-family:
浏览 1提问于2018-09-13得票数 0
1回答
使用CSS的不同边框颜色的HTML外表和内表
html、css、html-table
我在另一个表中有一个HTML表。两个表的样式都是在CSS中定义的。我想要不同边框颜色的内外桌。但不知何故，内表采用了外表的边框颜色。下面是密码-
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="common.css">
</head>
<body>
<table width="100%" class="OuterTab
浏览 5提问于2013-07-27得票数 0
回答已采纳
2回答
表格边框差异IE9与IE8
html、html-table、internet-explorer-9、border
与IE8相比，IE9显示表格、th和td边框的方式不同。这样做的原因是什么，可以做些什么？
从下面的屏幕打印中可以看到，边框在IE9中似乎有阴影效果，这导致它们不再像在IE8中那样清晰。这似乎适用于实线(table，th)和虚线(td)边框。
使用的html
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; ch
浏览 1提问于2012-05-31得票数 2
回答已采纳
5回答
样式a <thead>
html、css
我有以下几点：
<table style="border:solid 1px; border-color:black">
<thead style="border:solid 2px; border-color:black">
<tr>
<th>
<p>Document Date</p>
</th>
<th>
<p>Buy-from Vendor No.</p>
浏览 11提问于2011-03-21得票数 8
回答已采纳
1回答
用行跨距和大跨度使边框不可见
html、css、google-chrome
我知道隐藏边框是一个常见的(也是基本的)问题，但这是一个(有点)独特的情况；尝试将单元格上方的边框“希望在此单元格上没有边框”消失(in Chrome)，同时仍然使用rowspan和colspans.
<html>
<head>
<style type="text/css">
td {
border-style: solid;
}
</style>
</head>
<body>
<table style="bo
浏览 0提问于2018-10-29得票数 2
1回答
打印预览中不显示边框(表格)
html、html-table
因此，我得到了一个用html创建A4工作表的任务，我认为最好的方法是 @media all{
th{
padding-right:35px;
border:2px solid black;
}
table{
border-collapse: collapse;
}
tr{
border:2px solid black;
}
td{
border:2px solid black;
}
} <!DOCTYPE html>
<html lang="en">
<hea
浏览 79提问于2021-08-30得票数 0
1回答
用于将列值显示为表中的列名的SQL查询
sql、database、tsql
我有一个来自表'Greeting‘的字段名'Title’。UI中的标题字段可以是FirstName或LastName，也可以是两者的组合。 问候表如下所示： <!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<h2>Collapsed Borders<
浏览 18提问于2019-06-07得票数 1
回答已采纳
7回答
不确定如何在HTML/CSS中应用自定义字体
html、css、custom-font
因此，我已经检查了另一个正在回答的问题，并尝试了自己的答案。我想使用Lobster two字体，但我不确定我做错了什么。
下面是我的代码：
HTML：
<!DOCTYPE html>
<html>
<head>
<title>Cogna</title>
<link rel="stylesheet" type="text/css" href="Home.css">
</head>
<body>
<table id="site
浏览 3提问于2017-08-08得票数 2
2回答
html/css:表格边框出现在屏幕上，但没有打印出来？
html、css
下面是一个测试HTML文件。它在屏幕上显示得很好，但是当我在Firefox 3.6.8或IE7.0中“打印”或“打印预览”时，表格边框就不会出现。我遗漏了什么？
<html>
<head>
<style type="text/css">
body {
background: black;
font-family: arial, sans-serif;
color: white;
}
table.param, table.para
浏览 7提问于2010-08-12得票数 1
回答已采纳
2回答
无法使css表格边框在整个表格和嵌套表中保持一致
html、css、border、border-layout
我的表格的第一行有三个单元格。我正在尝试设置具有四个单元格的第二行。我希望所有的边界都是一样的。但是，到目前为止，我无法实现这一点，因为底部行(包含四个单元格的行)上的单元格要么具有双边界，要么没有边界。我已经厌倦了边界崩溃和边界风格的正确，没有运气。除了4个单元格而不是3个单元格之外，我怎样才能让最下面的一行看起来像顶行--只有一个1px的边框？下面是我的代码：
<style type="text/css">
table
{
border-collapse:collapse;
}
table.outer
{
border: 1px black s
浏览 3提问于2012-06-29得票数 1
回答已采纳
4回答
表单元格之间的表外边框与表格单元格内边框的颜色不同
html、css
我有一张这样的桌子：
<table>
<caption>Caption:</caption>
<thead>
<tr>
<td style="width: 65%;">A</td>
<td class="center" style="width: 5%;">B</td>
<t
浏览 2提问于2010-08-24得票数 3
回答已采纳
5回答
IE7表中的CSS子选择器
css、internet-explorer-7、css-selectors
我尝试在IE7中使用>CSS子选择器，但似乎不起作用。我有嵌套的表格。我的外层表有一个类名"mytable"，我想让外层表的td显示边框。我不希望内表td有边框。
我认为我应该能够拥有如下所示的CSS：
.mytable { border-style: solid }
.mytable>tr>td { border-style: solid }
但第二行似乎没有效果。如果我更改第二行以使其不那么具体，它将应用于所有td-我看到太多的边框。
td { border-style: solid }
所以我认为这真的只是选择器的问题。像这样的页面建议IE7应该能够做我
浏览 0提问于2010-05-05得票数 5
回答已采纳
2回答
这不会重写表格边框(CSS+HTML)
html、css、html-table、border
我希望表格的标题有一个红色的实线边框，而表格的其余部分有一个虚线的黑色边框。
使用下面的代码，一切都是正确的，但TH的左右两侧都是黑点。有没有办法覆盖TH样式声明中的<table>边框？
这就是我想要实现的：
<style type="text/css">
table {
border-style:none dotted dotted dotted;
border-collapse: collapse;
}
table th {
border: 2px solid red;
}
</style>
<t
浏览 0提问于2012-07-15得票数 0
回答已采纳
1回答
HTML电子邮件在Outlook 2013中不对齐？
html、css、email、outlook、vertical-alignment
我有一个非常简单的HTML电子邮件模板--只用于测试--它有5个字的列，问题是在Outlook 2013中，第一列总是垂直对齐。这是HTML。
<!DOCTYPE html>
<html><body>
<table width="95%" cellpadding="0" cellspacing="0" border="0" id="wrapper_table" style="border-collapse: collapse; border-sp
浏览 0提问于2013-10-21得票数 0
回答已采纳
2回答
HTML2PDF表内容溢出到页面之外
php、css、pdf、html2pdf
我正在使用HTML2PDF库，当我试图输出我的pdf时，我得到了一个问题。实际上，我的表格总是被截断，如果不进行裁剪，就无法显示表格的全部内容。我定义了css样式，但它似乎不得不effect.Moreover，如果我没有在我的php脚本中定义回显语句表border="1px“，它就不会采用之前定义的样式css。
下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>Test PDF</test>
<style>
table{width:100%; border-collapse
浏览 16提问于2016-03-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
