Question

我想在我的css代码中添加背景图片，但它没有加载。如何在CSS中更改或添加背景图片请帮忙我在notpad ++中编写了css代码

Answer 1

.Your class name {

background-image: url("your image url");

background-repeat: no-repeat;

background-size: 100% 100%;

float: left;

width: auto;

}

请在您的css部分尝试以上类型的代码。

Answer 2

你可以添加它。

如果你有id

#yourid{
   background-image: url("your image url(EX:imge.jpg)");


}

如果你有课

.yourclass_name{
background-image: url("your image url(EX:imge.jpg)");

}

你也可以使用背景功能......如果你添加背景css功能，你应该改变宽度和高度

    .yourclass_name {
     background: url("img_tree.png") no-repeat;
height:500px or give to precentage(30% like that);
width:1000px or give to precentage (70%);
    }

Answer 3

这是你应该指定的路径，复制路径的方法是去图像所在的目录，然后在那里复制路径。

body { background-image:url("C:\1.jpg");

Answer 4

如果你想在CSS中将图像添加为背景图像，有两种方法： -

如果您想从互联网上添加图像，则可以使用 background-image: url("your image url");

示例：

background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQms3mJIPu3jlPy8b8cOmRg69qurCA82EBDofx6jaK11cUM6u4w");

如果要从电脑上添加图像，则应编写图像路径，即： background-image: url("your image path");

示例：

background-image: url("C:\Users\Vimalendu Shekhar\Downloads\image.jpg");

如何在css中添加背景图片？

4 个答案: