css设置图片的代码有那些?详细说明

html-css022

css设置图片的代码有那些?详细说明,第1张

css设置图片代码：也就是说在css中给网页中添加背景图片：

<style>

.bjimg{ width:200pxheight:200px background:url(图片存放路径) no-repeat}

</style>

<div class="bjimg"></div>

讲解：因为是在css中设置图片，所以起一个css样式名为bjimg，在div中引入；

建立此css宽度(width)：200px，高度（height）200px background:url是引入css图片的，后面的值no-repeat背景图像不平铺 ；

希望我的回答对你有所帮助，如果还有其他疑问，请及时追问我；

css插入图片方法如下：

操作设备：戴尔笔记本电脑

操作系统：win10

操作程序：html编辑器v8.21

1、打开html编辑器并创建一个新的html文件。

2、新建完一个新的html文件后，在index.html的<style>标签中，输入如下所示的CSS代码。

3、输入完CSS代码之后，接下来运行index.html页面，可以发现，本地图片通过背景图片衜中的本地路径成功调用为了背景图片，图片就成功加入了。