css怎么恢复清背景,常用的CSS中背景background使用技巧

css教程说明

background-image:url("图片的网址"); 背景图

background: url(" 图片的网址 "); 背景

background-color:#色码; 背景色彩

Exp: 代码如下

background-image:url(背景图案.jpg,gif,bmp);

background-color:#FFFFFF;

background-color : transparent;

--------------------------------------------------------------------------------

background-repeat 改变背景图片的重复并排的设定

css

说明

repeat 背景图片并排

repeat-x 背景图片以X方向并排

repeat-y 背景图片以Y方向并排

no-repeat 背景图片不以并排的方式处理代码如下

background-image:url("http://www.111cn.net/xx.gif");

background-repeat:no-repeat;

以http://www.111cn.net/xx.gif这张图片为背景，当图片大小不够的时候，不并排重复

background-attachment是否固定图片位置

css

说明

scroll 拉动卷轴时，背景图片会跟着移动(缺省值)

fixed 拉动卷轴时，背景图片不会跟着移动

Exp: 代码如下

background-image:url("http://www.111cn.net/xx.gif");

background-repeat:no-repeat;

background-attachment:fixed;

以http://www.111cn.net/xx.gif背景图片不重复并列，且不随卷轴移动

--------------------------------------------------------------------------------

以长度定位background-position: x y

使用百分比定位 background-position: x% y%

css

说明

x% 往右移

y% 往下移

backgroud-position: 0% 0%; 左边上方

backgroud-position: 0% 50%; 左边中间

backgroud-position: 50% 0%; 中间上方

backgroud-position: 50% 50%; 正中间

backgroud-position:100% 0%; 右边上方

backgroud-position: 0% 100%; 左边下方

backgroud-position: 100% 50%; 右边中间

backgroud-position: 50% 100%; 中间下方

backgroud-position: 100% 100%; 右边下方

以关键字定位

关键字说明

top 上 ( y = 0 )

center 中 ( x = 50, y = 50 )

bottom 下 ( y = 100 )

left 左 ( x= 0 )

Exp:

background-position:center;

图片在指定背景中央X=50% Y=50%位置

background-position: 200px 30px

css怎么恢复清背景,常用的CSS中背景background使用技巧相关推荐

css怎么恢复清背景,css如何清除背景颜色
css清除背景颜色的方法是,给背景添加background-color属性,并将属性值设置为transparent,这样背景颜色就被清除了,如[background-color: transparen ...
css怎么恢复清背景,如何清除css背景透明？
我不知道它是如何发生的,对我而言,我无法修复它.如何清除css背景透明? 我有一个使用display:none隐藏的div; 当用户点击时,我设置显示:块显示一个新的图层. 问题是,所有的文字都从后面 ...
前端基础6：背景常用属性和定位以及BFC
背景常用属性 background-color:背景颜色属性值有三种书写方式: 1.关键字法(不常用) 2.十六进制法 3.RGB(0~255,0~255,0~255) background-ima ...
css规则中区块block,css常用属性总结：背景background下篇
前言:这段时间天天加班到10:30之后,简直是x了. 在上一篇文章中,分别解析了background各个属性的用法和注意细节.如果我们在项目上使用背景效果,如果使用下面的写法,你可能抓狂. body{ ...
Web学习第四天——CSS简介、选择器，常用（文本、字体、列表、背景、超链接）样式
Web学习第四天--CSS简介.选择器,常用(文本.字体.列表.背景.超链接)样式一.CSS简介 (一).什么是CSS? (二).CSS能够干什么? (三).CSS语法结构 (四).CSS的使用方式 ...
用dw中html设置背景,Dreamweaver 教程-CSS背景属性(background)
但凡正规的网站在设计时都会注重网页背景的使用,一个好的网页背景与整体设计是息息相关的.下面我们就来讲讲一些常用的CSS背景属性. 1.背景颜色属性(background-color)body { ba ...
常用的CSS属性的英文单词总结及用法、解释
1.(盒子)布局排版类 - TOP float - 浮动:设置块元素的浮动效果.可选常用到参数left.right : width - 宽:确定盒子本身的宽度,可以使盒子的宽度不依靠它所包含的内容多少 ...
【CSS练习】常用的CSS字段
常用的CSS字段 CSS 的全称是 Cascading Style Sheet(层叠样式表),它主要用来控制网页的样式. 注意,CSS 的选择器区分大小写,因此要谨慎使用大写. CSS 早已被所有主流 ...
php背景图片存放位置,CSS中背景图片位置 background-position 的使用方法
在使用背景图片时,经常会遇到背景图片所在的位置不是我们想要的,那如何设置背景图片的位置呢?以下就来介绍CSS中背景图片位置 background-position 的用法. 在背景图片的背景图片位置属 ...

css怎么恢复清背景,常用的CSS中背景background使用技巧

css怎么恢复清背景,常用的CSS中背景background使用技巧相关推荐

最新文章

热门文章