当前位置:首页 » 背景图片 » css中的图片在哪里
扩展阅读
奶爸喂奶图片大全 2024-12-28 16:02:46
尿素喷嘴在哪个位置图片 2024-12-28 15:56:22
下雪天打雷了动态图片 2024-12-28 15:55:43

css中的图片在哪里

发布时间: 2024-03-08 17:00:52

A. css如何控制图片位置

1、首先我们需要插入一张图片,并且图片只出现一次,并设计图片出现的位置在左上角,可以按照如下代码来完成:

<html>

<head>

<title>图片位置设置</title>

<style type="text/css">

body{

background-image:url("2.jpg");

background-attachment:scorll;

background-repeat:no-repeat;

background-position:top left;

}


</style>

</head>

<body>

</body>

</html>

可以看到背景图片出现的位置在浏览器的左上角,这个和默认的设置是一样的。

B. 为什么我在css中设定的背景图片在浏览的时候不显示

图片路径的问题。

1、图片和网页放在同一目录下:background-image:url("图片.jpg"。

2、图片放在一个image目录下,并且image目录和网页在同一目录下:background-image:url(“image/图片.jpg”)。

3、图片放在一个image目录下,并且image目录和网页不在同一目录下:background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录。

(2)css中的图片在哪里扩展阅读:

注意事项

注意::在css样式表中写的background-image:url(图片的路径为相对本css文件的路径,而不是我们通常认为的相对加入css样式的网页的路径);

例如:在当前目录下有 index.html 和 css文件夹(里面包含:css.css) 和 images文件夹(里面包含top.jpg)

错误的认为和写法:background-image:url("images/top.jpg"); 错误的认为图片的路径应该是针对index.html网页来说的。

正确的认为和写法:background-image:url("../images/top.jpg");图片的路径应该写的是相对css.css文件的路径

其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。

C. 怎么在css中插入图片

css插入图片方法如下:

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

操作系统:win10

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

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