单元格的宽度和高度，有着和其他标签不同的特性，主要表现在单元格之间的互相影响上。使用CSS中的width和height属性可以控制单元格的宽高。示例代码如下：

<styletype="text/css">table{border:1pxsolid#30F;/*设置table的边框*/border-collapse:collapse;/*边框合并*/}th,td{border:1pxsolid#30F;/*为单元格单独设置边框*/}.one{width:100px;height:80px;}/*定义"东"单元格的宽度与高度*/.two{height:40px;}/*定义"西"单元格的高度*/.three{width:200px;}/*定义"南"单元格的宽度*/</style>

图1 CSS控制单元格宽高

通过图1看出，“A房间”单元格和“B房间”单元格的高度均为80px，而“A房间”单元格和“C房间”单元格的宽度均为200px。可见对同一行中的单元格定义不同的高度，或对同一列中的单元格定义不同的宽度时，最终的宽度或高度将取其中的较大者。




猜你喜欢：

书写CSS需要遵循哪些规则？它的结构有什么特点？

Css是什么？它有哪些优点？

常用css样式大全[2020最新整理版]

如何引入CSS样式表？

黑马程序员web前端学习

教学大纲紧跟企业需求，项目带动理论，渗透式教学，一线城市讲师直派授课，坚持100%全程面授的高成本人才培养模式，在企业与学员中有口皆碑，千锋积极响应习*总书记在党的十九大报告中提出的“完善职业教育和培训体系，深化产教融合、校企合作”的号召，并加入“2017年教育部产学合作协同育人项目”，坚持产、学、研、创相结合的方式，利用自身优势，联合企业与高校，加大IT职业人才培养力度。千锋教育在“未来新兴产业和新经济需要的是工程实践能力强、创新能力强、具备国际竞争力的新工科人才，新经济需要新工科，高校和职业教育急需提升人才的软件工程化实践能力，”的指导下，千锋加强校企合作力度，通过与高校共建实验室、提供师资培训、加大课程研发与企业需求结合力度等方式，积极参与“新工科”人才培养。