CSS强制定义长和宽

html-css013

CSS强制定义长和宽,第1张

<style>

.img{width:100pxheight:100px}

</style>

这段放到head 里面,然后你页面上的图片只要在标签上加个class="img", 比如<img class="img" src="aaa.gif" />,就会变成长宽都是100像素的图片

需要准备的材料分别有:电脑、chrome浏览器、html编辑器。

1、首先,打开html编辑器,新建一个html文件,例如:index.html。

2、其次,在index.html中的<style>标签中,输入css样式代码:body {background: url(image7.jpg) no-repeatbackground-size: 250px}。

3、最后,浏览器运行index.html页面,此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。