怎样用CSS样式控制表格大小。谢谢

怎样用CSS样式控制表格大小。谢谢,第1张

1、首先打开vscode编辑器,新建一个html文件,定义一个两行两列的表格,在浏览器打开的效果。

2、然后给表格添加边框,这里给table标签和td标签都设置边框,不过两个标签的边框颜色值不一样。

3、最后可以用width属性给表格设置宽度,用height属性设置单元格的高度,设置好后可以在浏览器看到效果。

设置表格的样式可以直接使用css的border样式来设置的。

工具原料:编辑器、浏览器

1、设置一个表格的外边框为红色,内边框的为黄色,代码如下:

<body >

<table>

<tr>

<td>知道</td>

<td>知道</td>

<td>知道</td>

</tr>

<tr>

<td>知道</td>

<td>知道</td>

<td>知道</td>

</tr>

<tr>

<td>知道</td>

<td>知道</td>

<td>知道</td>

</tr>

</table>

<style>

table {

border:1px solid red

}

td{

border: 1px solid yellow

}

</style>

</body>

2、运行的效果如下:

1.所有的均为细边框。\x0d\x0atable,table td,table th{border:1px solid #ff0000border-collapse:collapse}\x0d\x0a\x0d\x0a2.指定的
为细边框,把
放在中,用ID作索引,如下:\x0d\x0a#mdA table,#mdA table td,#mdA table th{border:1px solid #ff0000border-collapse:collapse}\x0d\x0a\x0d\x0a
\x0d\x0a \x0d\x0a\x0d\x0a
\x0d\x0a \x0d\x0a \x0d\x0a
\x0d\x0a \x0d\x0a \x0d\x0a\x0d\x0a 回答于 2022-11-16 抢首赞 已踩 0 查看全部1个回答 — 为你推荐更多精彩内容 — 正在加载 加载失败 点击重新加载

微信

微博

QQ

QQ空间

答案纠错

举报

取消 赞赏答主 5 10 50 100 200

已赞赏0财富值

合计:0 财富值

登录后赞赏 选择举报类型 侵犯版权 色情低俗 涉嫌违法犯罪 时政信息不实 垃圾广告 低质灌水 工作人员会在48小时内处理,处理结果请关注系统通知,感谢您对百度知道的支持。 确定 void function(a,b,c,d,e,f){function g(b){a.attachEvent?a.attachEvent("onload",b,!1):a.addEventListener&&a.addEventListener("load",b)}function h(a,c,d){d=d||15var e=new Datee.setTime((new Date).getTime()+1e3*d),b.cookie=a+"="+escape(c)+"path=/expires="+e.toGMTString()}function i(a){var c=b.cookie.match(new RegExp("(^| )"+a+"=([^]*)(|$)"))return null!=c?unescape(c[2]):null}function j(){var a=i("PMS_JT")if(a){h("PMS_JT","",-1)try{a=a.match(/{["']s["']:(\d+),["']r["']:["']([\s\S]+)["']}/),a=a&&a[1]&&a[2]?{s:parseInt(a[1]),r:a[2]}:{}}catch(c){a={}}a.r&&b.referrer.replace(/#.*/,"")!=a.r||alog("speed.set","wt",a.s)}}if(a.alogObjectConfig){var k=a.alogObjectConfig.sample,l=a.alogObjectConfig.randd="https:"===a.location.protocol?"https://fex.bdstatic.com"+d:"http://fex.bdstatic.com"+d,k&&l&&l>k||(g(function(){alog("speed.set","lt",+new Date),e=b.createElement(c),e.async=!0,e.src=d+"?v="+~(new Date/864e5)+~(new Date/864e5),f=b.getElementsByTagName(c)[0],f.parentNode.insertBefore(e,f)}),j())}}(window,document,"script","/hunter/alog/dp.mobile.min.js") window.tt = 1681010535


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

原文地址: http://outofmemory.cn/tougao/11138105.html

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

发表评论

登录后才能评论

评论列表(0条)

保存