一.背景色
可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。
这条规则把元素的背景设置为红色:
p {background-color: red}
如果希望背景色从元素中的文本向外少有延伸,只需增加一些内边距:
p {background-color: red; padding: 20px}
二.背景图像
要把图像放入背景,需要使用 background-image 属性。background-image 属性的默认值是 none,表示背景上没有放置任何图像。
如果需要设置一个背景图像,必须为这个属性设置一个 URL 值:
body {background-image: url(/image/liang.gif);}
三.背景重复
如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性。
属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。
repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。
默认地,背景图像将从一个元素的左上角开始。
1.水平重复
body { background-image: url(/image/liang.gif); background-repeat: repeat-x; }
2.垂直重复
body { background-image: url(/image/liang.gif); background-repeat: repeat-y; }
3.任何方向都不重复
body { background-image: url(/image/liang.gif); background-repeat: no-repeat; }
相关推荐
css背景颜色透明背景图片切换效果
详细描述css背景属性。有案例进行支持,学习之后对css背景能很好的应用。
css背景色渐变
Css背景图合并工具,添加了几个辅助功能: 添加了用鼠标拖动图片或者用方向键改变图片位置的功能 可以设置整幅大图的生成类型,因为png文件在ie6下透明色显示有问题,所以朋友提出这个问题 可以设定大图的背景色,...
css背景合并工具,自动生成CSS样式,非常的快速方便
【Css背景图合并工具】CssBgImageMergeTool 合并CSS图片,降低网页连接数,提高打开速度
正如前面所说,仅仅依靠CSS现有的属性,我们无法实现背景裁切、背景透明度、背景变换和复杂背景定位等效果.为了实现这些效果,我们需要借助CSS的其他方法来实现,比如说CSS伪元素,他可以帮助我们模拟出这些CSS无法...
css 背景半透明最佳实践css 背景半透明最佳实践css 背景半透明最佳实践css 背景半透明最佳实践
css背景上下左右详细参数,最详细的代码介绍。.no-repeat left top (靠左上,=(0px,0px),=只有no-repeat
CSS 设计指南学习小结
CSS背景
css背景图片自适应
CssSprite是一款很好用的小图合并工具,能自动生成CSS代码,导入小图就可以直接用了~
css背景渐变几种样式,供大家参考学习!!
Css背景图合并工具功能增强 1. 添加了用鼠标拖动图片或者用方向键改变图片位置的功能 2. 可以设置整幅大图的生成类型,因为png文件在ie6下透明色显示有问题,所以朋友提出这个问题 3. 可以设定大图的背景色,默认...
博文链接:https://qmug.iteye.com/blog/219177
css学习 css背景相关属性
CSS样式图片下载助手,css背景图片下载 可以下载css里面定义的所有图片
简单的利用css设置背景和文字案例,有需要的可以下载学习
css背景样式渐变代码,好用实用,希望能帮到大家