CSS中background-position属性

CSS中background属性是经常用到的，可以给某个块设置背景色。以下主要说明以下background-position属性的应用。

一般在设置background属性时的写法是：

　　background:url("path") x y no-repeat;

注意：x y 就是代表了background-position属性，该属性必须在no-repeat的情况下才生效，代表的是图片在块中的位置。

如果两个都写，前面的代表横向位置，后面的代表纵向位置。

x和y的可以取值为百分比或者像素值，都是相对于左边/上边定位，如果两个都不写，默认是在原点（即左上角）。如果写了x不写y，则纵向位置默认居中。

另外还可以取值为定义好的值，x有：left right center，y有：top bottom center。

转载于:https://www.cnblogs.com/Longder/p/4915154.html

CSS中background-position属性相关推荐

【CSS】【position】css中的position属性
css中的position属性用于设置元素位置的确定方式,它有以下几种取值: static:默认定位方式,子元素在父容器中挨个摆放 absolute:绝对定位,元素不占据父容器空间,相当于文档body ...
在html中 position默认值,CSS 中的 position 属性
可能对CSS 稍微有点了解的人都知道position这个属性,妈蛋不就一个position么,有毛可说的.可别小看position,position属性有那几个值,这个可是facebook 面试的第一 ...
CSS中的Position属性
1.简介 position有五个属性: static | relative | absolute | fixed | inherit static 和 inherit : 没什么值得介绍的. r ...
css中background的属性
background-size: contain;/* background-size: 100px 100px; */ 1.background-color:设置盒子的背景颜色: backgroun ...
css中文本指什么,CSS中的文本属性
本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性( ...
CSS中的position:relative理解
今晚来说说CSS中的position属性,其实在实际开发页面过程中,记录一下这个让我迷茫的relative,我将它分为三种情况进行说明包含关系:父级absolute,子级relative: 包含关系 ...
CSS中的Position、Float属性的一些深入探讨
为什么80%的码农都做不了架构师?>>> HTML布局的基本要点: 如果要掌握.运用好Position.Float属性必须要对HTML的两个基本点有清晰的了解. 盒子模型(bo ...
【前端小点】CSS之background背景属性详解
本篇文章我们将一起展开来看css的background背景属性. 一.结构创建DIV <div class="div1">1 </div> 样式 widt ...
css margin属性 auto,css中margin:auto属性的使用方法
css中margin:auto属性的使用方法发布时间:2020-06-25 10:53:17 来源:亿速云阅读:221 作者:Leah 今天就跟大家聊聊有关css中margin:auto属性的使用 ...
浅析CSS中的overflow属性
随时随地技术实战干货,获取项目源码.学习资料,请关注源代码社区公众号(ydmsq666) overflow属性的作用是规定当内容溢出元素框时发生的事情,定义溢出元素内容区的内容会如何处理. overf ...

CSS中background-position属性

CSS中background-position属性相关推荐

最新文章

热门文章