首页 > 网站建设 >

网站建设公司浅谈CSS3中的背景属性

发布时间:2019-10-24 作者:网站建设

  网站建设公司发现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中的背景属性”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
文章标题:网站建设公司浅谈CSS3中的背景属性
本文地址:https://www.198bona.com/news/4394.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯