#css background 属性#
岗巴网站建设公司成都创新互联公司,岗巴网站设计制作,有大型网站制作公司丰富经验。已为岗巴近千家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的岗巴做网站的公司定做!标签定义及使用说明
背景缩写属性可以在一个声明中设置所有的背景属性。
可以设置的属性分别是:
实例
在一个div元素中设置多个背景图像:
css
.dome{
width: 500px;
height: 500px;
margin: 0 auto;
background: #cccccc url(images/history.jpg) no-repeat ;
}
图为:
##background-position 属性##
如何定位background-image:
css:
.dome{
width: 500px;
height: 500px;
margin: 0 auto;
background: #cccccc url(images/history.jpg) no-repeat ;
background-position: 25px 100px;
}
图为:
##标签定义及使用说明##
background-position属性设置背景图像的起始位置。
属性值
center bottom
指定背景图像的大小:
css:
.dome{
width: 500px;
height: 500px;
margin: 0 auto;
background: #cccccc url(images/history.jpg) no-repeat ;
background-position: 50% 50%;
background-size: 250px 250px;
}
图为:
标签定义及使用说明
background-size属性指定背景图片大小。
语法
background-size: length|percentage|cover|contain;
length 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
如果,您认为阅读这篇博客让你有些收获,请您关注一下。感谢您的支持,如有不足,请多指教。
联系方式:
微信号:bsl521921
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。