用CSS怎么做表格?

用CSS怎么做表格?,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">和 div一样 给表格定义class或者id 对齐进行控制就行了
比如 <table class="box"><tr><td></td></tr></table>
控制字体大小
box tr td{ font-size:14px;}

<table class="shangwudaohang ">
<tr>
<td>
</td>
</tr>
</table>
补充
<link href="csscss" rel="stylesheet" type="text/css">
有么
还有你用了
TD{
font-family: 宋体;
font-size: 12px;
overflow:hidden;
TABLE-LAYOUT:fixed;
}
表格中所有的元素都在TD里面,TD里面的元素优先使用TD的样式

如果是简单的表格,直上直下没有跨列或者跨行的:\x0d\td { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } / 设置不换行 省略号显示/\x0d\\x0d\然后只需要再给第一行的td分别加上class,例如:\x0d\\x0d\ 单元格\x0d\ 单元格\x0d\ 单元格\x0d\ 单元格\x0d\ 单元格\x0d\ 单元格\x0d\\x0d\然后,分别设置宽度\x0d\item1 { width:20% }\x0d\\x0d\item6 { width:5% }\x0d\其他行同列的单元格会被撑开\x0d\\x0d\比较复杂的有跨列或者跨行的表格,设置方法类似,但是就是要计算一下,比较麻烦。回答于 2022-11-16抢首赞已踩0查看全部1个回答— 为你推荐更多精彩内容 —正在加载加载失败 点击重新加载

微信

微博

QQ

QQ空间

答案纠错

举报

取消赞赏答主51050100200

已赞赏0财富值

合计:0 财富值

登录后赞赏选择举报类型侵犯版权色情低俗涉嫌违法犯罪时政信息不实垃圾广告低质灌水工作人员会在48小时内处理,处理结果请关注系统通知,感谢您对百度知道的支持。确定返回答题 void function(a,b,c,d,e,f){function g(b){aattachEventaattachEvent("onload",b,!1):aaddEventListener&&aaddEventListener("load",b)}function h(a,c,d){d=d||15;var e=new Date;esetTime((new Date)getTime()+1e3d),bcookie=a+"="+escape(c)+";path=/;expires="+etoGMTString()}function i(a){var c=bcookiematch(new RegExp("(^| )"+a+"=([^;])(;|$)"));return null!=cunescape(c[2]):null}function j(){var a=i("PMS_JT");if(a){h("PMS_JT","",-1);try{a=amatch(/{["']s["']:(\d+),["']r["']:["']([\s\S]+)["']}/),a=a&&a[1]&&a[2]{s:parseInt(a[1]),r:a[2]}:{}}catch(c){a={}}ar&&breferrerreplace(/#/,"")!=ar||alog("speedset","wt",as)}}if(aalogObjectConfig){var k=aalogObjectConfigsample,l=aalogObjectConfigrand;d=""); windowtt = 1683614823;

CSS中宽度和高度分别可以通过width和height实现,那么对于单元格的宽度和高度,则可以通过如下样式来设置

td{ width:100px; height:50px;} /设置单元格宽度100px,高度50px/

示例如下:

给出HTML元素

<table>
<tr><td>1</td><td>2</td><td>345</td></tr>
<tr><td>6789</td><td>10</td><td>11</td></tr>
</table>

设置单元格高度和宽度样式

table{border-collapse:collapse;}
td{
border: 1px solid green; /边框/
width:100px;             /单元格宽度/
height:50px;             /单元格高度/
text-align:center;       /单元格文字居中对齐/
}

效果如下

<html>
<style text="css/text">
ta{border:2px solid #3E6579;margin:0px auto;border-collapse: collapse;height:60px;width:500px; text-align: center;}
aa{padding:0;background:#EDEBEC; height:30px;}
</style>
<body>
    <table class="ta">
        <tr class="aa">
            <td>积分数</td><td>电话号码</td><td>注册时间</td><td>最后登录时间</td>
        </tr>
        <tr>
            <td>11</td><td>22</td><td>33</td><td>44</td>
        </tr>
    </table>
</body>
</html>

效果如图


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13393321.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-27
下一篇 2023-07-27

发表评论

登录后才能评论

评论列表(0条)

保存