css如何增加背景图片

小编给大家分享一下css如何增加背景图片,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联建站是一家集策划、设计、技术开发一体的专业网站设计公司,技术团队十载来致力于为客户提供企业网站定制,成都手机网站制作。经过多年发展,公司技术团队,先后服务了上千余家客户,包括各类中小企业、上市公司、高校、政府。公司在过去十载的资源积累,追求并一直坚持,为客户打造更有价值的互联网平台。

css增加背景图片的方法:首先创建一个HTML示例文件;然后创建一个div;最后通过“background-image:url(1.jpg);”属性来设置背景图片即可。

在css中,可以通过background-image属性或background属性来设置背景图片。background-image属性用于设置一个元素的背景图像;而background属性是一个简写属性,可以在一个声明中设置所有的背景属性。

background属性值:

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

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

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

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

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

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

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

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

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

示例:







效果图:

css如何增加背景图片

以上是“css如何增加背景图片”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


本文标题:css如何增加背景图片
网站地址:http://hbruida.cn/article/jgdhds.html