Html 在CSS中将表格的边框宽度设置得更细?
这就是我创建表的方式。边框宽度似乎很粗。我放不下0.5px之类的东西。是否可以缩小它的宽度?首先,您应该使用Html 在CSS中将表格的边框宽度设置得更细?,html,css,Html,Css,这就是我创建表的方式。边框宽度似乎很粗。我放不下0.5px之类的东西。是否可以缩小它的宽度?首先,您应该使用边框折叠:折叠、边界>代码>使用浏览器默认样式,它是3D的,可以用于表>代码>以及 TD/,考虑使用下面的方法,而不是使用属性,使用CSS 应用边界。 <table width='100%' cellpaddin='0' border= '1' cellspacing='0' > 不再使用html属性(宽度、单元格填充、边框、单元格间距)。使用CSS。很多人不喜欢学校,但我
边框折叠:折叠代码>、<代码>边界>代码>使用浏览器默认样式,它是3D的,可以用于<代码>表>代码>以及<代码> TD/<代码>,考虑使用下面的方法,而不是使用属性,使用CSS 应用边界。
<table width='100%' cellpaddin='0' border= '1' cellspacing='0' >
不再使用html属性(宽度、单元格填充、边框、单元格间距)。使用CSS。很多人不喜欢学校,但我认为他们会在这里帮助你。对于边界,您可以使用以下内容
table.class_name {
border-collapse: collapse;
}
table.class_name td {
border: 1px solid #aaa;
padding: 5px;
}
在表标记上使用边框折叠:
table { border:1px solid;}
这将确保你们的边界不会在双方交汇的地方重叠。如果看起来还是太暗,只需选择较浅的边框颜色。试试以下方法:
设置td和th元素的样式
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid #ccc;
}
如果单元格之间没有间距,请使用:
td, th {
border: 1px solid black;
}
请参阅JSFIDLE示例:比我快一分钟,触摸一下,然后用小提琴开机!
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid #ccc;
}
td, th {
border: 1px solid black;
}
table {
border-collapse: collapse;
}