css如何调用图片

css如何调用图片,第1张

CSS本身并不能调用图片,因为CSS是负责网页外观呈现的,调用图片只能在HTML里,代码实例为:

<img src="图片地址" />

不过CSS里可以指定一张图片昨晚背景图片。比如一个ID名为demo的元素

HTML代码:

<div id="demo">

......

</div>

CSS代码可以这样写,demo就有背景了

#demo { background:url(图片地址)}

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

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

2、在index.html中的<style>标签中,输入css代码:

li {height: 50pxbackground: url(small3.png)} li:hover {background: url(small2.png)}

3、浏览器运行index.html页面,此时显示出了背景图片。

4、将鼠标移动到li标签背景图片上方,此时背景图片被改变了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11346385.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存