如何在div中加入图像?

如题所述

    可以在第二个div里插入图片,是用img标签,可以直接设置width和hight。

2.如果是用div作背景图片的话可以设置div的width和hight,也可以使用这个属性:background-size。

指定div里背景图大小的方法如下:

div{

background:url(img_flwr.gif);

background-size:80px 60px;  

background-repeat:no-repeat;}

语法:background-size: length|percentage|cover|contain;

    ength    

设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)    

    percentage   

将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"    

    cover   

此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。    

    contain   

此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。    

拓展资料

<img>标签用法:

<img src="/i/mouse.jpg" height="200" width="200" />;

<img> 标签的 height 和 width 属性设置图像的尺寸:

<img src="/i/ct_1px.gif" width="200px" height="30px" />;
<img src="/i/ct_1px.gif" width="60%" height="30px" />;

为图像指定 height 和 width 属性是一个好习惯。如果设置了这些属性,就可以在页面加载时为图像预留空间。如果没有这些属性,浏览器就无法了解图像的尺寸,也就无法为图像保留合适的空间,因此当图像加载时,页面的布局就会发生变化。。

请不要通过 height 和 width 属性来缩放图像。如果通过 height 和 width 属性来缩小图像,那么用户就必须下载大容量的图像。正确的做法是,在网页上使用图像之前,应该通过软件把图像处理为合适的尺寸。

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。

参考资料:百度百科-HTML词条




温馨提示:答案为网友推荐,仅供参考
相似回答