CSS背景图片background如何改变大小以及样式设置

background-color 使用的背景色
background-size 背景图片的尺寸。

background-size: length|percentage|cover|contain;
background-size:100% 100%;  //设置背景图像的高度和宽度,第一个值设置宽度，第二个值设置高度。
cover  //把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
contain //把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

background-position 背景图像的位置。

1： background-position：x% y%     //第一个值是水平位置，第二个值是垂直位置。
2： background-position-x:center   //横轴居中background-position-y:center   //纵轴居中

background-repeat 如何重复背景图像

repeat-x //背景图像将在水平方向重复。
repeat-y    //背景图像将在垂直方向重复。
no-repeat   //常用 阻止重复
inherit //应该从父元素继承 background-repeat 属性的设置。

CSS背景图片background如何改变大小以及样式设置相关推荐

用css控制背景图片的位置，大小
引用连接:http://hi.baidu.com/dengdan1025/blog/item/c3463bfba4c3969158ee90d5.html 对于图片,首先我们先想到是背景图片.因为我们许 ...
Web前端，CSS背景图片大小、文字阴影、盒子阴影、过渡
前言持续学习总结输出中,今天分享的是Web前端,CSS背景图片大小.文字阴影.盒子阴影.过渡背景图片大小 background-size:宽度高度; 设置背景图片的大小取值场景数字+px ...
【CSS 背景属性 background】
CSS 背景属性 background CSS 背景属性 1. background 属性: 一次性集中定义 8个背景相关属性 2. background-color 属性: 元素的背景颜色 ( ...
css背景图片、圆角、盒子阴影、浮动
一.css背景图片 1.概述背景是css中一个重要的的部分,也是需要知道的css的基础知识之一.这里主要介绍有关背景图片的5种常见属性,分别是: (1). background-color: rgb ...
css背景图片添加url_CSS背景图片–如何向您的Div添加图片URL
css背景图片添加url Say you want to put an image or two on a webpage. One way is to use the background-imag ...
完美的css背景图片全屏显示，能比例缩小，不留空白
简介:完美的css背景图片全屏显示,能比例缩小,不留空白,我们之前已经知道了可调整大小的背景图片的概念.但是读者DougShults发给了我一个链接,其中使用了非常酷的技术,我觉得这种技术要比之前的任 ...
CSS背景图片定位(background-position,css sprit,背景定位,background-imag
CSS背景图片定位(background-position,css sprit,背景定位,background-imag 标签: 杂谈分类: css 在CSS中,背景图片的定位方位有3种: 1)关键 ...
前端工程师实战17：详解CSS背景图片、雪碧图
大家好,全套HTML和CSS入门与实战课程正在我的专栏<HTML与CSS入门与进阶>更新中!按知识点循序渐进,按照顺序读下来绝对比搜索网上教程更加紧凑!内容通俗易懂,图文并茂,欢迎订阅! ...
html 文字在背景图片上,如何让文字作为CSS背景图片显示
在实际开发中,有时候希望文字内容可以作为背景图片显示,一方面是希望利用背景图片的优势,例如可以平铺,另外一方面是常见的替换元素不能使用伪元素创建文字,此时只能寄希望与背景图. 关键如何把文字变成背景图 ...

CSS背景图片background如何改变大小以及样式设置

CSS背景图片background如何改变大小以及样式设置相关推荐

最新文章

热门文章