网站建设公司发现CSS 3中新增加了一些关于设置背景的属性,包括background-clip、background-origin和background-size,这些属性可以帮助用户创建多种样式的背景。另外,CSS3还允许在一个元素上设置多种背景。
1.background-clip
该属性用于设置背景的区域,其默认值是border-box,表示背景绘制在边框方框内;另外还可以设置为padding-box,表示背景绘制在内边距的方框内;如果设置为content-box,则表示背景绘制在内容方框内。
2.background-origin
该属性用于确定背景的位置,它通常与background-position联合使用。如果设置为border-box则表示从border开始计算位置,如果设置为padding-box则表示从padding开始计算位置,如果设置为content-box则表示从content开始计算位置。
3.background-size
该属性用于调整背景图片的大小。如果设置为contain,那么将缩小图片以适应元素,同时保持像素长宽比;如果设置为vover,将扩展图片以填补元素,同时保持像素长宽比;如果设置为两个具体长度,如background-size:100px100px,图片将被缩放到指定的尺寸;如果设置为百分比,如background-size:50%100%,图片将被缩放到指定的大小,百分比是相对于包含元素的尺寸。
4.设置多个背景
在CSS3中允许为同一个元素设置多个不同的背景。深圳网站建设公司本文关于“网站建设公司浅谈CSS3中的背景属性”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。