<img src="图片地址" />
不过CSS里可以指定一张图片昨晚背景图片。比如一个ID名为demo的元素
HTML代码:
<div id="demo">
......
</div>
CSS代码可以这样写,demo就有背景了
#demo { background:url(图片地址)}
代码如下:
1、<img src="divcss5-logo-201305.gif" width="165" height="60" />
img介绍:
src 后跟的是图片路径地址
width 设置图片宽度
height 设置图片高度
2、我们在html源代码中分别插入三张图片,一张原始大、一张将宽度高度改小小、一张将宽度高度改大。
3、效果图:
扩展资料:
在HTML中出现图片通常有2种:
1、某元素的背景图像【绝大多数元素都可以通过background属性设置其背景图像】
直接在html中的标签里设置:
<p style=”background-image:url(xxx.jpg)“>设置一个段落的背景图像</p>
在CSS上设置html中的 ”<p>一个段落</p>“ 的背景图像:
p{ background-image:url(xxx.jpg)}
2、图像元素img:
<img src="xxx.jpg" alt="这是一个图像元素">
你的html中只要有匹配这个选择器的dom结构就会自动出现有这个图片的。不过你这个css选择器太复杂了,需要类似下面这个结构才能匹配(为了简便,这里都是用的div标签,实际情况可能会很复杂):<div class="public_nav_v3">
<div class="info_wrap">
<div class="info">
<div class="right">
<div class="login_box">
<div class="r_pic">
<div class="avatar_wrap">
<div class="frame frame_1">
......在最里面的这个div里就会出现那个图片了,当然这里很可能还要设定width、height等属性才行,总之就是这么个意思......
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>