背景属性的相关属性设置

背景的颜色:background-color:

(与文字的颜色color设置一样,只是表示的属性值不一样)

背景的颜色的设置可以分为:

  1. 英文定义的颜色的单词;
  2. 十六进制的书写方式;
  3. rgb(0,0,0)三原色的书写方式,数值是0~255之间的整数;
  4. rgba(0,0,0,0.0)前面三个同上,最后的一个表示的是颜色的透明度的方式数值是0~1之间的小数值。

背景的图片:background-image:

语法:background-image:url(图片的路径);

图片在标签中是默认平铺。

背景图片的重复设置:background-repeat

repeat:重复默认选项;

no-repeat:不重复,即不平铺;

repeat-x:横向平铺

repeat-y:纵向平铺;

背景图的定位设置:background-position

绝对定位:x的坐标值 y的坐标值

像素值:10px 10px;

百分比:10% 10%;

方位值定位:top | left | right | bottom

背景图是否随页面移动而移动:background-attachment

scroll:随页面的移动而移动(默认值)

filled:不会碎页面的移动而移动;

关于背景图的简写方式:

background:color url(路径) repeat(是否重复)position(定位)

时间: 2024-11-29 10:47:47

背景属性的相关属性设置的相关文章

前端笔记九,背景、边框和补丁相关属性

常用的背景相关属性:以下属性均在style内设置 background:设置对象的背景样式,不建议直接通过该属性来控制 background-attachment:设置背景图片是随对象内容滚动还是固定的,可选值: scroll:会随内容的滚动而滚动 fixed:背景图片固定 background-color:设置背景色,如果设置了背景图片则会覆盖背景色 background-image:设置背景图片,使用url()函数 background-position:设置对象的背景图片的位置,第一个表示

css3背景、边框、和补丁相关属性

border :基本语法 border: border-width || border-style || border-color 默认值为: medium none . border-color 的默认值将采用文本颜色 相关属性: border-top,border-left,border-right,border-bottom:它们分别对边框的某个方向起作用,语法基本与border相同 border-bottom-color,border-top-color,border-bottom-co

UILabel的相关属性设置

在iOS编程中UILabel是一个常用的控件,下面分享一下UILabel的相关属性设置的方法. 很多学习iOS6编程都是从storyboard开始,用到UILabel时是将控件拖到storyboard中生成实现,如果想要在-(void)viewDidLoad中用代码如[_label initWithFrame:CGRectMake(X,Y,WIDTH,HEIGHT)]方法改变拖拽到storyboard的label的大小是行不通的,因为程序加载时先执行了-(void)viewDidLoad的代码,

css3背景、边框、和补丁相关属性 (二)

背景 background : background-color || background-image || background-repeat || background-attachment || background-position 默认值为:transparent none repeat scroll 0% 0%. 设置对象的背景样式.如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置.例如: 设置 background : white 等于设置 b

背景图background的例子分析及相关属性

今天需要做一个占满设备宽度的轮播图,这里作为demo仅展示一张图,下面分别是要操作的图片(这里做了缩放处理,实际的图比较大),以及要实现的效果图,很明显两者是不成比例的:      (图一)                             (图二) 这里给定了宽,也就是设备宽度的100%,同时给定了高,比如这里设置为8.5rem (html的字体设为20px); 1. 首先我们考虑用img标签来放图片路径,可是这种方法是很难控制图片高度的,如果我们设置宽度100%,让高度自适应,那么实际

css中与高度相关的属性其百分比的设置

<body> <div style="background-color:red;"> <div style="width:50%;height:50%;background-color:green;"></div> </div> </body> 上面父div宽度继承body元素的宽度,子div内容区宽度50%是相对于父div的宽度,但子div内容区高度设为50%却不是相对于父div高度而是相对于

css中的背景、边框、补丁相关属性

关于背景涉及到背景颜色与背景图片 背景颜色background-color即可设定: 背景图片background-image即可设定: 但是背景图片还涉及到其他的一些内容: background-attachment:用于设定背景图片是滚动的还是固定的,可以设定为scroll和fixed两种: background-position:用于设定背景图片的位置,可以设定为实际值,也可设定为百分比: background-repeat用于设定背景图片是否平铺,可以是纵向的也可以是横向的: css3新

IOS开发UI基础UITextFidle相关属性

UITextFidle相关属性 •    enablesReturnKeyAutomatically默认为No,如果设置为Yes,文本框中没有输入任何字符的话,右下角的返回按钮是disabled的. 1.borderStyle 设置边框样式,只有设置了才会显示边框样式   text.borderStyle = UITextBorderStyleRoundedRect; typedef enum {    UITextBorderStyleNone,     UITextBorderStyleLi

IOS开发UI基础UITextView相关属性

UITextView相关属性 •    text: 设置textView中文本_textView.text = @"Now is the time for all good developers to come to serve their country.\n\nNow is the time for all good developers to come to serve their country."; // 设置它显示的内容    •    font:设置textView中文字