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
}