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

html-css045

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

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

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

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

你可以使用zoom属性,不过这个是同比例放大缩小的。

<style

type="text/css">

.div{

background:url(indexFlash/images/1.png)

no-repeat

height:130px

width:130px

zoom:2

}

.div

*{

zoom:0.5

}

</style>

<div

class='div'>

<div

class="sub">dddd</div>

<h1>131232</h1>

<div>dddd</div>

</div>

因为整个DIV和DIV里面的内容都会变大,所以你要计算清楚DIV的宽度高度和内容的各项数值

如果你希望DIV宽度是200,背景图片放大2倍,其他内容不变

那么就要写

.div{

zoom:2

width:100px

}

*选择了.div包含的所有元素样式,把他们变回正常大小,不然所有东西都巨大无比-

-!

.div

*{

zoom:0.5

}