为什么HTML中table标签加了border="1",里面的td也有了边框?是继承的吗?

给表格设置标签我试了两种办法:
1.在table标签里面加了border="1" 结果是表格外边框和每个单元格都有了实线

2.给table设置了border:1px solid #某颜色 结果只有外边框有实线,为何此时td没有
继承?在给td设置同样的标签就解决了。每个单元格和外边框都有了实线
我还有个超简单的问题...
border只设置宽度不设置样式颜色,是不是不现实效果。我试了试,好像border至少要设置宽度和样式....
谢谢你帮我回答...

4个回答

有两个值设置边框属性一个是table一个是td,table是外边框,td是内边框

HTML中的table属性是对整个表格整体的属性,也就是所有的单元格都会产生边框,你如果想只产生外边框,那么只能使用css样式来进行处理,或者使用div将表格包裹,设置div样式

border属性规定了内边框和外边框,而css border只管外边框。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
为什么HTML标签也有 border 属性? 难道一个超链接也有边框吗?
为什么HTML标签也有 border 属性? 难道一个超链接也有边框吗?
关于border与td与table的问题
[code=HTML]rn rn rn rn rnrn[/code]rn这个没问题rnrn把 去掉rn[code=HTML]rn rn rn rn rnrn[/code]rn就没有效果了rnrn接着,将style放在table里rn[code=HTML]rn rn rn rn rnrn[/code]rn又没有问题了rnrn请问是怎么一回事?虽然不影响做的网页效果,可我很想知道其中的原因。谢谢
html table td边框效果 【转】
同时用样式表为 table、td 指定了边框后,可能会发生重叠,这取决于 border-collapse。 <table><tr>    <td>    <table style="border:1px solid red;"><tr>    <td style="border:1px solid blue;"
jsp隐藏table里的td边框
设置四条边框透明 style="border: 1px solid transparent !important;" 当然也可以这样设置 border-bottom 底边 border-left 左边 . . .
html中任何标签都有border属性吗?为什么?
html中任何标签都有border属性吗?为什么?
Table表单之border边框操作
       border样式在平时我们使用的频率是非常高的,但是除了表单table之外,我们几乎都是一对一的使用,一般不会遇到什么问题。        而在table中众多的数据排列在一起,为了将各个数据隔开,我们就不得不使用boder进行操作。由于表格相对其他元素的特殊性,我们在对表单进行表格操作时,往往会遇到一些特殊的情况。        这不最近我在做后台管理时就经常需要和table打...
请教HTML编程中 TABLE 标签和TD标签 设置背景图片如何自动缩小到table和td的大小
在 用的是这个。我从网上搜了些background-repeat属性,这些属性只能使小图片扩充而不能使大图片缩小,请问如何才能使大图片自动缩小到table或td的大小呢?
table、tr和td标签
学习本课程可以掌握的技能HTML5,网页结构
table tr td边框去除
[code="html"] table{ width:500px; } table tr td{ border-top:#FF0000 solid 1px; width:50%; background-color:#00CC33; text-align:center; line-height:24px;} 1 1 2 2 追加点哈 ...
HTML中的<table>标签
定义和用法 标签用于定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。 &lt;table&gt; &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;2&lt;/td&gt; &lt;td&gt;3...
html中的table标签
在html中,table元素下可以有三个子标签: &amp;lt;thead&amp;gt; 这个标签下的子标签&amp;lt;tr&amp;gt;下的子标签&amp;lt;td&amp;gt;应该改为&amp;lt;th&amp;gt;这样以后,里面的文本会有加粗效果 &amp;lt;tbody&amp;gt;标签里面的子标签不变 &amp;lt;tfoot&amp;gt; 里面的子标签仍旧保持不变 ...
HTML如何实现类是于table的border="1"功能
现在文本框周围要有显示表框架,普通的实现方法是画个table,属性定义border="1"就可以了rn大家能不能提供其他的类是功能。不知道html能不能划线,用线把把文本框包住。
table中的th、td边框失效
问题重现:table,设置边框1px solid #ddd,根据th、td,设置不同边框谷歌浏览器正常,火狐浏览器表格边框,均只显示左、上边框解决办法:   table, tr, td, th, thead, tbody {     position: static;}解决过程:走了很多弯路1)第一反应是width不够,于是尝试给元素增加width。无效2)发现,如果设置极端些,比如border-...
Table布局核心:table标签设置 border="0" cellspacing="0" cellpadding="0",td设置左边框和上边框,table设置下边框和右边框
Table布局核心:table标签设置 border="0" cellspacing="0" cellpadding="0",td设置左边框和上边框,table设置下边框和右边框 Document td{ border-left:1px solid red; border-top:1px solid red; padding:20px 40px; } table{ bord
html标签之td
HTML &amp;lt;td&amp;gt; 标签      ------HTML表格的标准单元格。   HTML表格有两类单元格:   表头单元  ----包含头部信息(由th元素创建) 标准单元  ----包含数据(由td元素创建) td元素中的文本一般显示为正常字体且左对齐。 可选的属性: align       -----规定单元格内容的水平对齐方式...
在谷歌浏览器下table的td border显示的问题
今天简单测试了一下项目中的一个模块,发下在谷歌浏览器中有个页面显示异常如图 在360浏览器兼容与极速模式下、火狐及IE 都查看一遍,如图正常显示  我检查了一下该段代码 table { border-top: 0.01px solid #2F92D6; border-left: 0.01px solid #2F92D6; ...
为什么table里面的是黑色的字体
[code=HTML]rnrnrn rn rn rn c1rn c2rn rn rn c1contentrn c2contentrn rn rn rnrnrn[/code]rnrn我想让c1,c2是黑体,而c1content,c2content就是正常的字体就好,可是为什么现在都是黑体?
如何控制html Table 的border
为什么当一个单元格中没有内容时,这个单元格就没有边界?rn
请问TD如何继续table的border元素?
有几个问题问各位高手:rn1.比如MainTablernrn border-width:1px;rn border-color:red;rn border-style:solid;rnrn在 ...引用以后,它只是四边的边框为红色,中间的没变,请问如何写才会让中间的也变成红色?(我知道用 实现,但是这样的话,每个TD都要写一样,应该有更简单的方法。rnrn2.无法固定列宽,我是这样写的rnMainTdrn width=200px;rnrn发现如果其他TD的边框不大的话,这个TD的宽度会随着显示器增大。rnrn3. 1 2...,我想显示TD2的内容,正好取合适的大小,比如TD2有5个汉字,那么这个TD2的宽度就为5个汉字,剩下的宽度全部留给TD1,请问该怎样写CSS.rn第一次来CSS板块,让大家见笑了。rn
td如何继承table的样式?
我想在table中一次性设置好td的样式(td用table中的样式 而不是默认的) 应该如何设置?
HTML里 为什么是行级标签?
块级标签rn[code=HTML]你好 先生[/code]rn行级标签rn[code=HTML]你好 先生[/code]rn什么啊 明明是行级标签!!!
HTML中的table里面的元素排序
我们在上网中都能看到很多能够排序的,如大小,时间等 现在我们也试一下排序功能: 排序的函数代码:里面含有点击之后排序--还原,和排升序和降序 function sortAge(){ //对年龄进行排序,要先进行获得每一行对象,然后对象对象中的第一个(从0 开始)的大小进行排序 var tabNode = document.getElementById("tabid");
html彻底消除table的边框
&amp;lt;table   id=&quot;Table1&quot;     cellspacing=&quot;0&quot;   cellpadding=&quot;0&quot;   border=&quot;0&quot;&amp;gt;             &amp;lt;tr&amp;gt;                     &amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;             &amp;lt;/tr&amp;gt;     &amp
Border边框
属性值有: border,border-(left,top,right,bottom)-(width,style,color),border-radius,box-shadow,border-image 重点介绍box-shadow,border-imagebox-shadow: 实际是在元素底部添加一个矩形的阴影,其实filter:dropshadow()才是真投影,但是兼容性好像不太好,测
border边框
① border:粗细  样式  颜色         (style:double双线             dashed虚线          dotted点状线条               solid实线) ②border-radius  圆角边框                     四个参数分别为:左上      右上      右下        左下 ③border-shad...
边框 border
视频内容包含了rn一、HTML知识 rn二、CSS知识 rn三、Photoshop使用 rn四、HTML+DIV+CSS企业网站项目实践
table中,td里的元素取下一个td里的元素?
rnA rnB rnrn怎么根据A的id取到B??rnnextSibling取不到。。。
table标签中tr和td的英文单词
table标签 tr标签 td标签 首标签和尾标签分别表示一个表格的开始与结束。这是不难理解的。tr是“table row(表格行)”的缩写,用于表示一行的开始和结束。这也容易理解。td是“table data(表格数据)”的缩写,用于表示行中各个单元格(cell)的开始和结束。这些都是容易理解的。
table标签中设置td的边框线
//设置table标签的css为: border: 1px solid #ccc; //设置td标签的css属性为: border:solid #ccc 1px;
table里,border边框无法写入border-radius问题
在做table时,经常会用到合并边框线,用的是 .table{ border-collapse:collapse } 但当我们的table边框需要进行写入圆角的时候,发现圆角无法写入。原因为border-radius和border-collapse:collapse冲突,使用border-collapse:separate才可以。 解决办法。 在table外套一层div
td标签里自动换行
标签里英文或中文不自动换行的话。把 style= &quot;word-wrap:break-word;width:1000;&quot; 放在td里就可以了。
JSP中table的td标签迭代循环
JSP中table的td标签迭代循环,控制循环的行数,换行
<table>标签中 如何固定<td> 宽度
这是我div+css 布好的局我想在第一行,第一列格子内添加图片。没想到变成了这样, 下面是css代码。,随着td 内添加的图片和文字 撑开了td宽度。查找了资料,在css 中加入 table-layout:fixed; 属性后,问题解决! table-layout:fixed;  w3school的介绍为:设置表格布局算法,参数为 列宽由表格宽度和列宽度设定。...
html table边框 1像素边框 内嵌table边框重合
一、1像素table边框 table{ width: 500px; height: 500px; border:solid 1px #000; border-collapse: collapse; } td{ border:solid 1px #000; } 或者 table{ width: 500px; height: 500px; border:so
table中的border问题
如何让table的边框变小或者让边框合并成一条线,边框中总是有空白,感觉总是不好看!
TD标签嵌套TABLE标签问题
我在TD标签中嵌套了一个TABLE标签 然后写出的数据对不齐。高手帮忙看下,着急用,谢谢了!以下是源码rn[code=HTML]rnrnrn rn 123rn rnrnrn rn rn 栏目管理rnrnrn rn rn rn rn 栏目一rn rn rn rn rn 栏目二rn rn rn rn rn rn 栏目三rn rn rn rn rn 子栏目一rn rn rn rn rn 子栏目二rn rnrn rn rn rn rn rnrn[/code]
H5 table tr标签和td标签的区别
标签定义 HTML 表格中的行。 一个 元素包含一个或多个 或 元素。 标签定义 HTML 表格中的标准单元格。 HTML 表格有两种单元格类型: 表头单元格 - 包含头部信息(由 元素创建) 标准单元格 - 包含数据(由 元素创建) 元素中的文本通常呈现为粗体并且居中。 元素中的文本通常是普通的左对齐文本。
table里的th和td加了边框后,他是两个边框重合的,1PX就变成了2PX
table里的th和td加了边框后,他是两个边框重合的,1PX就变成了2PX,解决方法.table{ border-collapse: collapse; border-spacing: 0; } .table th, .table td{ border:1px solid #000; }
HTML中table标签的总结
总结了table一些应用在不同浏览器显示效果的问题
怎么获取table 里的tr对象和tr里面的td 对象和td 对象里面的html对象
不是引用~rn是获取对象rn rnrnrnrnrn rn rn rn <>input type="text" name="text1" />rn rn rn
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件