background属性总结

background用于在一个背景中设置背景属性，像css其他属性一样，有两种表示方法

简写形式，如border：1px solid #ccc；
具体形式，如border-width：10px；

1.css属性:

background-color/*背景颜色*/
background-image/*背景图片*/
background-repeat/*设置背景图像是否重复，及如何重复*/
background-attachment/*背景图像是否固定或者随着页面的其余部分滚动*/
background-position/*设置背景图像的起始位置*/
background/*简写属性*/

2、具体形式

1.background-color

用于设置背景颜色，默认元素背景色为透明（transparent）
一共三种表示法，如下：

background-color: red;
background-color: #ccc;
background-color: rgb(255, 255, 255);

2.background-image

设置背景图片，默认无图片

background-image: url(img.png);

3.background-position

设置背景图片的位置，相对于元素进行定位，默认位置左上角（0,0），可以用的表示方法

数值表示，如（10px，10px）；
百分比表示，如（10%， 10%）；
方向位置表示法，

left top:左上
left center：左中
left bottom：左下
right top：右上
right center：右中
right bottom：右下
center top：居中置顶
center center：水平垂直居中
center bottom：居中置底

注意：使用该属性，background-attachment必须设置为 “fixed（固定）”.

body
{ background-image:url('background.jpg');background-repeat:no-repeat;background-attachment:fixed;background-position:center;
}

background属性总结相关推荐

css的background属性
背景background属性如下: background:设置或检索对象的背景特性 background-color:设置或检索对象的背景颜色 background-image:设置或检索对象的背景图 ...
CSS background属性
我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用.打开这种图片看一下,会发现这张图片上包含了很多小图片; 这些小图片就 ...
.net的label的背景如何设置成为透明_css如何设置背景图片？background属性添加背景图片...
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
CSS 背景 background属性
背景是创建更有趣味的网页的常用一种手法,无论是直接使用背景颜色,还是使用背景图像,都能给网页带来丰富的视觉效果. 在CSS1中,就提供了对背景的控制,并提供了 5 个background相关的属性,用 ...
background复合属性顺序_CSS的background属性的缩写顺序介绍
CSS的background属性的缩写顺序介绍发布时间:2014-03-28 14:55:25 作者:佚名我要评论 CSS的background属性的缩写,优点是比单个属性书写要简单,要少 ...
CSS background 属性
一.background属性可以设置一个元素的背景样式,当然前提是这个元素有具体的宽高值. 先来一个简单的背景设置: 1 #show-box { 2 width: 800px; 3 height: 5 ...
学习CSS的background属性及其取值（实践）
CSS的背景属性属性描述可用值 background 设置背景的所有控制选项其他背景属性可用值的集合 background-color 设置背景颜色命名颜色.十六进制颜色等 backgrou ...
html图片背景属性,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...
淘宝宝贝描述模板DIV无法使用BACKGROUND属性的终极解决方案
淘宝宝贝描述模板DIV无法使用BACKGROUND属性的终极解决方案 (2011-05-10 07:47:34) 转载▼ 标签: 淘宝模板 div 背景属性 background 过滤无法使用打听 ...
html怎么帮图片占位,css 技巧：利用 after 伪对象和 background 属性实现 img 图片标签占位图...
如图: 图片加载失败了,在浏览器会默认显示一张破图.受各种网速.浏览器等因素影响,我们无法保证图片能够完全加载成功.加载失败时如何更友好的显示是前端要考虑的主要因素. 常见做法都是使用一张默认图代替加 ...

background属性总结

1.css属性:

2、具体形式

background属性总结相关推荐

最新文章

热门文章