table中如何用CSS控制<tr>><td>的宽度和高度

 我来答
天天xdb
推荐于2017-09-16 · TA获得超过358个赞
知道答主
回答量:178
采纳率:0%
帮助的人:0
展开全部
给table设置一个mian
代码如下
<style type="text/css">
.main td{ height:30px; border:#CCCCCC 1px solid;}
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="main">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>

</table>
.main td的意思是指定main类下的td,同理也可以指定tr
这样的做法只能针对了设定main类的表格,若是想要所有的表格都是同一个高度样式可以这样写
<style type="text/css">
table td{ height:30px; border:#CCCCCC 1px solid;}
</style>
注意的是table前不要加点,因为他不是类名,而是html元素
希望对你有所帮助
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ytx1111
2011-03-17 · TA获得超过1727个赞
知道小有建树答主
回答量:463
采纳率:0%
帮助的人:601万
展开全部
给TR或者TD一个ID值:比如id='t1'
CSS中使用 #t1 {height:20px;width:120px}来控制高度和高度
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
小笑趣谈生活
2019-12-23 · 希望每个读者都能够善待生活
小笑趣谈生活
采纳数:6489 获赞数:65373

向TA提问 私信TA
展开全部
1、首先给table标签添加css : table-layout:fixed;这里是为了让整个table有一个自己宽度,而不是让table自己随着自己
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
天天向上的齿轮
2018-05-08 · TA获得超过340个赞
知道答主
回答量:2
采纳率:0%
帮助的人:627
展开全部

able中用CSS控制<tr>><td>的宽度和高度,首先我们需要给tr和td一个style,然后通过这个style来控制它的width和height就可以了,这里通过具体的代码来理解:

<html>

<head>

</head>

<body>

<table>

<tr style="width:200px; height:100px;">

<td style="width100px; height50px;">我i是测试文字</td>

</tr>

</table>

</body>

</html>

这样就实现了对tr和td的控制。

Table控件主要用于在web页面上创建表格,其功能与HtmlTable类似。不同的是,Table控件可以用动态的内容以编程的方式来生成表格。

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式