CSS3背景定位 background-origin

background-size　大小语法 background-size ：[ <length> | <percentage> | auto ]{1,2} | cover | contain <length>：由浮点数字和单位标识符组成的长度值。不可为负值。 <percentage>：取值为0%到100%之间的值。不可为负值。

background-origin　定位语法 background-origin ： border-box 从border区域开始显示背景。 padding-box 从padding区域开始显示背景。 content-box 从content区域开始显示背景。

时间： 2024-10-14 12:02:29

CSS3背景定位 background-origin的相关文章

css3 背景background

Css3背景<background> Css3包含多个新的背景属性,它们提供了对背景更强大的控制.可以自定义背景图的大小,可以规定背景图片的定位区域,css3还允许我们为元素使用多个背景图像属性描述 Css Background-image 规定背景的背景图 2 Background-position 规定背景的定位 2 Background-repeat 规定背景的重复方式 2 Background-color 规定背景的颜色 2 Background-clip 规定背景的绘制区域 3

CSS3背景温故

1.背景的五种基本属性background-color(背景颜色)background-image(背景图片)background-repeat(背景图片展示方式)background-attachment(背景图片是固定还是滚动)background-position(背景图片位置)综合使用:background:[<background-color>][<background-image>][<background-repeat>][<background-a

《图解CSS3——第4章 CSS3背景-1》

CSS3背景 4.1 CSS3背景属性简介 background是一个使用率很高的属性,也是一个十分有用的属性,能帮助设计师实现一些特殊的效果,使用起来也非常简单. 4.1.1 背景的基本属性背景主要包括五个属性: background-color(背景颜色) background-image(背景图片) background-repeat(背景图片展示方式) background-attachment(背景图片是固定还是滚动) background-position(背景图片位置) 可以单独

《图解CSS3——第4章 CSS3背景-2》

4.2 CSS3 背景原点属性 4.2.1 background-origin 属性的语法及参数 background-origin属性主要就是用来决定 background-position属性的参考原点,即决定背景图片定位的起点.在默认情况下,背景图片的background-position属性总是以元素左上角的坐标原点对背景图片进行背景定位.CSS3的background-origin属性将打破这一格局,可以根据自己的需要来改变背景图片的background-position起始位置. 语

CSS自学笔记（11）:CSS3背景和边框

CSS3 背景在CSS3中新增了多个关于背景的属性,可以让我们对背景有了更多更好的操作,减少用第三方工具对背景图片进行修改美化. CSS3中主要是通过定义backgrounp中的各个属性来控制背景(高宽,位置,透明度----). 关于背景的部分常用属性有(*为CSS3中新增属性): 值描述 background-color 规定要使用的背景颜色. background-position 规定背景图像的位置. background-size* 规定背景图片的尺寸. background-rep

CSS 和 CSS3 中的 background

background 现在对 background 属性做总结 background-color: gray; 背景颜色 background-image: url(/i/eg_bg_04.gif); 背景图片 background-repeat: repeat-y; 背景图重复这个属性值有三个: no-repeat/ repeat-x/ repeat-y 即不重复/ x轴重复/ y轴重复 backgrou

CSS背景属性Background详解

本文详解了CSS的背景属性Background,包括CSS3中新增的背景属性.如果你是个CSS初学者,还可以查看之前介绍的CSS浮动属性和CSS透明属性详解. css2 中的背景(background) CSS2 中有5个主要的背景(background)属性,它们是: background-color: 指定填充背景的颜色. background-image: 引用图片作为背景. background-position: 指定元素背景图片的位置. background-repeat: 决定是否

从零开始学习前端开发 — 17、CSS3背景与渐变

一.css3背景切割: background-clip:border-box|padding-box|content-box; 作用: 用来设置背景的可见区域 a) border-box 默认值,背景在边框及边框以内的区域可见 b) padding-box 背景在padding及padding以内的区域可见 c) content-box 背景在content区域可见二.背景原点: background-origin:padding-box|border-box|content-box; 作用:

CSS背景属性background

background属性是所有背景属性的缩写: 以下是这些背景属性: background-color:背景颜色你可以通过颜色名称(red/green/blue)来设置也可以用十六进制(#fff/#000/#bcbcbc) 还可以用到rgb(x,x,x) x取值(0~255) background-position:背景开始位置也是三种取值方式,第一种是用方位词(top/right/bottom/left)组合,如left top 百分比x% x%,如0% 0%表示左上角用像素表示,