CSS强制图片大小 CSS图片大小如何自动缩放

html-css09

CSS强制图片大小 CSS图片大小如何自动缩放,第1张

需要准备的材料分别有:电脑、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宽度的大小并且是等比例自动缩放。

在Safari下用css强制修改网页字体的方法是:

1、一个很好的方法,不至于让网页大出浏览器的框以至于需要拖动。

在CSS文件里面这样写:

2、也可以这样写:

3、或者safari

下用css

强制指定字体就可以了

总结:这三个方法都可以在Safari下用css强制修改网页字体,而且都不难。

<style>

.img{width:100pxheight:100px}

</style>

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