Background的5个基本属性

background-attachment
background-attachment:scroll | fixed    scroll:背景图像是随对象内容滚动。  fixed：背景图像固定。
background-color：
background-color：transparent | color   transparent：背景透明色。   color：指定颜色
background-image
background-image：none | url        none：无背景图。    url：使用绝对或相对地址指定背景图像。
background-position
background-position : length || length   length : 　百分数 | 由浮点数字和单位标识符组成的长度值。background-position: 30% 20%; background-position: 50px 100px;

background-position : position || position    position : 　top | center | bottom | left | center | right background-position: top  center

background-positionX : length | left | center | right      length : 　百分数 | 由浮点数字和单位标识符    组成的长度值。 left : 　居左 ，center : 　居中 ，right : 　居右 background-positionx: center  15px

background-positionY : length | top | center | bottom     length : 　百分数 | 由浮点数字和单位标识符组成的长度值。left : 　居左 ，center : 　居中 ，right : 　居右 
background-repeat
background-repeat : repeat | no-repeat | repeat-x | repeat-y   repeat : 　背景图像在纵向和横向上平铺，no-repeat : 　背景图像不平铺，repeat-x : 　背景图像在横向上平铺，repeat-y : 　背景图像在纵向平铺

Background的5个基本属性

时间： 2024-08-25 22:13:48

Background的5个基本属性的相关文章

css中 background设置

css2中有五个与背景相关的属性.它们是: background-color:完全填充背景的颜色 background-image:用作背景的图片 background-position:确定背景图片的位置 background-repeat:确定背景图片是否重复铺平 background-attachment:确定背景图片是否随页面滚动                                                                                

理解CSS3中的background－size(对响应性图片等比例缩放)

2016-03-10 01:40 by 空智, 7463 阅读, 8 评论, 收藏, 编辑 阅读目录 background-size的基本属性 给图片设置固定的宽度和高度的 固定宽度400px和高度200px-使用background-size:400px 200px缩放设置 固定宽度400px和高度200px-使用background-size:400px;的缩放设置,那么第二个参数会自动转换为auto 固定宽度400px和高度200px-使用background-size:100% 100%

CSS基本属性及sprite图像拼合技术

CSS基本属性: 文本 文字第一行缩进:text-indent:20px ; 字间距:letter-spacing:20px; 词间距:word-spacing:20px; 行高:line-height.他可以使数字.百分比.normal. 文本对齐:text-align.他的值可以是:left.center.right.justify(两端对齐). 垂直对齐:vertical-align:top.middle.bottom. text-shadow:水平值.垂直值.模糊半径.颜色.解释:在已设

CSS3基本属性之渐变Gradient

CSS3发布很久了,现在在国外的一些页面上常能看到他的身影,这让我羡慕已久,只可惜在国内为了兼容IE,让这一项技术受到很大的限制,很多Web前端人员都望而止步.虽然如此但还是有很多朋友在钻研CSS3在web中的应用,为了不被淘汰,我也开始向CSS3进发,争取跟上技术的前沿.从现在开始我会不断的发布一些CSS3的应用,和大家一起分享,今天我们首先要看的就是:CSS3: Gradient─CSS3渐变. CSS3 Gradient分为linear-gradient(线性渐变)和radial-grad

css基本属性

选择器: ul>li:nth-child(2n){ color:black; } 2n是指双数,与even同意. 2n+1指单数,与odd同意. <div class="text"> <p>p标签</p> <a href="">测试</a> <a href="">测试</a> </div> a:first-child是.text下的第一个结构标签

CSS3中的background－size(对响应性图片等比例缩放)

background-size的基本属性 background-size: 可以设定背景图像的尺寸,该属性是css3中的,在移动端使用的地方很多,比如最常见的地方在做响应性布局的时候,比如之前做的项目中有轮播图片,为了自适应不同大小分辨率的图片,我门需要使用css3中的媒体查询来针对不同的分辨率设置宽度和高度,虽然这种方式是可以解决问题,但是解决方式并不是太好,并且很繁琐,当然我门也想过直接使用百分比设置图片的大小,比如width(宽度): 100%,height(高度):100%; 但是设置图

CSS背景background、background-position使用详解

背景(background)是css中一个重要的的部分,也是需要知道的css的基础知识之一.这篇文章将会涉及css背景(background)的基本用法,包括诸如 background-attachment 等的属性,也会介绍一些有关背景(background)的常用技巧,以及 css3 中的 背景(background)(包含4个新的背景(background)属性). css2 中的背景(background) 概述 CSS2 中有5个主要的背景(background)属性,它们是: * p

UItextfield 基本属性 代理方法

在使用UItextfield时它的基本属性和代理方法都很简单,但有一次我用UItextfield时出现了这种情况,有三个UI textfield,其中第一个点击触发代理方法,其他两个点击处于编辑状态,当时我试了好多方式都没有成功.后来经过查资料和问同事才得以解决.我遇到过这样的问题相信也有很多同行也会遇到,这里我就把它分享给大家. 在头文件中导入: #import "IQKeyboardManager.h" 然后在写入下面两段代码: //设置本视图不使用IQKeyBoard,键盘不使用

background小结

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