css中背景图片的设置方法

这篇文章主要介绍了css中背景图片的设置方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

在宁远等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都做网站、网站设计网站设计制作按需网站开发,公司网站建设,企业网站建设,品牌网站设计,成都营销网站建设,成都外贸网站制作,宁远网站建设费用合理。

css的全称是什么

css的全称是Cascading Style Sheets（层叠样式表），它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

css设置背景图片的方法：首先创建一个HTML示例文件；然后在body中创建一个div；最后通过“background-image: url("images/22.jpg");”属性来设置背景图片即可。

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

css可以通过background-image属性来设置背景图片，background-image属性用于设置一个元素的背景图像。

元素的背景是元素的总大小，包括填充和边界（但不包括边距）。默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向。

css语法：

background-image：url|none|inherit

background-image属性值：

url 图像的URL

none 无图像背景会显示。这是默认

inherit 指定背景图像应该从父元素继承

示例：

<!DOCTYPE html>
<html>
<head>
<style>
div{
width:450px;
height: 300px;
background-image: url("images/22.jpg");
}
</style>
</head>
<body>
<div></div>
</body>
</html>

效果图：

css中背景图片的设置方法

background属性值：

background-color 指定要使用的背景颜色

background-position 指定背景图像的位置

background-size 指定背景图片的大小

background-repeat 指定如何重复背景图像

background-origin 指定背景图像的定位区域

background-clip 指定背景图像的绘画区域

background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动

background-image 指定要使用的一个或多个背景图像

感谢你能够认真阅读完这篇文章，希望小编分享的“css中背景图片的设置方法”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

网页名称：css中背景图片的设置方法
标题路径：https://www.cdcxhl.com/article20/ghcpjo.html

成都网站建设公司_创新互联，为您提供Google、域名注册、静态网站、营销型网站建设、微信公众号、云服务器

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容