网站建设资讯

NEWS

网站建设资讯

CSS怎么设置背景颜色和图像

这篇文章将为大家详细讲解有关CSS怎么设置背景颜色和图像,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联建站是一家专业从事网站建设、成都网站制作、网页设计的品牌网络公司。如今是成都地区具影响力的网站设计公司,作为专业的成都网站建设公司,创新互联建站依托强大的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站建设及网站设计开发服务!

我们先来看看CSS设置背景颜色

我们需要使用background-color来改变背景颜色

background-color:value(颜色编码或者颜色名称)

在值的部分,你可以输入诸如#000000的颜色代码或诸如white的颜色名称,设置的颜色就为背景颜色。

background-color的初始值是transparent,在这种情况下,将应用父元素的背景颜色。如果父元素中没有设置,它将变为白色。

CSS设置图像背景

通过使用background-image属性,我们可以预先设置上传到服务器的图像作为背景。

background-image:url("图像的路径");

在url中,输入要用作背景的图像文件的路径。如果css文件和图像文件位于同一目录中,则只有文件名就可以了。

绝对路径和相对路径都可以用作图像文件的路径。

要输入相对路径,请输入外部样式表的相对路径,而不是html文件的相对路径。

接着我们来看具体的示例

使用background-color设置背景颜色

代码如下

body{

background-color:skyblue;

}

背景颜色设置


关于“CSS怎么设置背景颜色和图像”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网页标题:CSS怎么设置背景颜色和图像
文章位置:http://njwzjz.com/article/jjipij.html