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

如题所述

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2012-04-18
如果想控制整个表格大小就用table{width:200px;height:200px;}
如果想控制表格里的每个格子的大小就用table td{width:20px;height:20px;}
第2个回答  推荐于2018-03-07
<style type="text/css">
.aaa td{width:300px;height:500px}
</style>
<table border="1" class="aaa">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>本回答被提问者和网友采纳
第3个回答  2020-12-09

Vue实践-CSS样式position/display/float属性对比使用

第4个回答  2012-04-16
要看你是控制整个表格还是表格里面的td?

table中如何用CSS控制>的宽度和高度
1、首先给table标签添加css : table-layout:fixed;这里是为了让整个table有一个自己宽度,而不是让table自己随着自己内容的大小而改变。2、给table标签,定一个宽度(如:width:500px);3、最后给td 定一个宽度(width)就可以实现.原表格:添加一下CSS:现表格:...

在Dreamweaver里,怎么让表格随着浏览器界面大小改变而改变?注意:是改 ...
首先你要让你的表格有一个CSS用来控制表格的高宽。然后在CSS文件里面设置按照h5的方式来做。肯定有最小的限制。一般来说就是用@media。根据屏幕的大小来控制。具体可以参考bootstrap。

css样式table{},使其中一个table不受影响
给这个另外一个table加上样式控制,并把这个样式内容写在table{width: 100%;}, 部分的下面。例如 table{width: 100%;},.specail_table{width:80%}

请写一个CSS样式单独控制网页中一个表格,CSS样式只能建在里面
以下就是你想要的效果:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> 无标题文档

CSS网页下拉列表大小怎么调整
需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的标签中,输入css代码:select { width: 210px;}。3、浏览器运行index.html页面,此时网页下拉列表的大小被调整为了210px。

怎样用css设定下表框的宽度、样式、颜色
solid (直线式边框)double (双线式边框)groove (槽线式边框)ridge(脊线式边框)inset (内嵌效果的边框)outset (突起效果的边框)边框宽度属性(border-width)这个属性用来设定上下左右边框的宽度,它的值如下:medium (是缺省值)thin (比medium细)thick (比medium粗)用长度单位定值。可以用绝对长度单位(cm...

如何用css样式表设置表格
.table{ background-color:#000000;表格背景颜色 background-image:url;背景图片 background-position:center;内容位置设定 border:1px; 边框宽度 border-color:#000000; 边框颜色 } 有好多呢 属性 在编辑器 可以看看的

HTML+CSS 怎样控制标签里面的边长
一般来说有两用做法 1.使用div,li,a等元素定好位置之后,使用css中的active或者hover等方式改变元素的border的宽度和颜色,这种可以根据文字的大小改变大小。2.使用本问题的table,可以实现定义好大小,然后再用上述的css方式处理边框。

css样式控制表格单元格的距离
table {border-spacing: 15px;border-collapse: separate;} 可以应用border-spacing属性设置到表中。border-collapse 默认值为separate,即每个td单元格都有独立的边框;collapse表示相邻单元格共用一个边框,此时 border-spacing 将不起作用,设置为collapse单元格间距将消失。

我想问一下,有没有办法用html语言来设置同一页面上的两个大小不同...
首先设置两个表格的宽度一样如:600像素,然后设置两个表格里面的两列列宽,如:第一列180像素,第二列420像素,具体数字根据你的情况设定。然后在CSS样式代码中加入样式代码如:假设你的表格的CLASS都设为:fixtable,则样式为:.fixtable td{ word-wrap: break-word;word-break: normal;} ...

相似回答