css背景- 简写属性

已于 2022-02-28 13:49:24 修改
阅读量396 收藏
点赞数
分类专栏： css 文章标签： css css3 html
于 2022-01-04 17:31:57 首次发布
原文链接：https://www.runoob.com/css/css-background.html
版权

https://www.runoob.com/css/css-background.html

背景颜色的简写属性为 “background”:

background:#ffffff url('https://static.runoob.com/images/mix/img_tree.png') no-repeat right top;

当使用简写属性时，属性值的顺序为：:

background-color
background-image
background-repeat
background-attachment
background-position
以上属性无需全部使用，你可以按照页面的实际需要使用.

qq_42318977
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS 背景图像 background属性简写
weixin_30362083的博客
04-25 1066
background属性简写 background属性可以像margin padding属性一样，有简写方法，它的简写顺序是： background-color background-image background-repeat background-attachment background-position 如果某属性不想写，可以忽略。 下面的代码演示了backgro...
CSS 背景属性
weixin_57797396的博客
06-08 190
CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: background-color 背景颜色 background-image 背景图像 background-repeat 设置背景图像在页面的水平或者垂直方向平铺与否。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动 background-position 背景图像定位 1、background-color属性值可以用十六进制、英文、rgb（） body { backg...
七、CSS背景（background简写）
m0_74899723的博客
02-23 1216
CSS 背景属性用于定义 HTML 元素的背景，通过背景属性我们可以定义元素的背景颜色、背景图片、背景图片的平铺方式和显示位置等。如果设置为 50% 50%，图像的中心点将与元素的中心点对齐显示。background-position 属性，设置背景图像（由 background-image 定义）的起始位置。background是背景复合属性，在一个声明中设置所有背景属性。background-color 属性，设置元素的背景颜色。background-image 属性，为元素设置背景图像。
说说background属性
曹建涛的博客
11-17 2121
前言backgound，相信接触前端的人都已经很熟悉了，但是小白们都只是停留在background:#fff的层面上，那么今天作为小白的我要揭竿而起了~(๑•̀ㅂ•́)و✧简述用作“描述背景”的css属性，background是一系列背景属性的简写，包含了下面几种具体属性： 注：以下摘自w3school 值 描述 CSS background-color 规定要使用的背景颜色
【CSS】css的background属性用法详解，background常用缩写形式
余浩的博客
06-24 3797
//指定背景颜色 //设置背景图像, 可以是真实的图片路径, 也可以是创建的渐变背景;//设置背景图像的位置//设置背景图像的大小 //指定背景图像的铺排方式//设置背景图像显示的原点[background-position相对定位的原点];//设置背景图像向外剪裁的区域;//指定背景图像是滚动还是固定; 默认滚动；...
css background简写
qq_28828639的博客
06-08 1080
在CSS2里，background属性的简写方式里有五种属性值，从CSS3开始，又增加了3个新的属性值，加一起有8个。 CSS2 background-color 背景颜色 。 background-image 背景图像。 background-repeat 如何重复背景图像。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 background-position 背景图像的位置。 CSS3 backgrou
css----position样式属性
My_liuying0901
05-19 178
position样式属性 文档流又称正常流，是默认情况下HTML元素排版布局过程中元素会自动按照自上而下或从左往右进行流式排放的一种顺序。 用于定义建立元素布局所用的定位类型，该属性有多个值： 任何元素都可以定位，但absolute或fixed元素会生成一个块级框，不论该元素本身是不是块级框。relative元素会相对于它在正常流中的默认位置偏移。 position样式属性的属性值为r...
21.3 CSS 背景属性
09-01
下面将详细介绍CSS背景属性的相关知识点。 1. **背景颜色 (background-color)** - `background-color`属性用于设置元素的背景颜色。可以使用颜色名称、RGB、RGBA、HSL、HSLA或者透明度（transparent）来定义。例如...
css3属性选择器,背景缩写
06-19
在CSS3中，属性选择器和背景缩写是两个重要的概念，它们极大地提高了CSS的效率和可维护性。本文将详细探讨这两个主题。 首先，让我们来看看CSS3的属性选择器。属性选择器允许我们根据HTML元素的特定属性来选择和...
CSS教程:背景background属性应用
12-01
在CSS（层叠样式表）中，背景属性`background`是一个综合性的属性，可以用于设置元素的背景颜色、背景图像、图像重复方式、背景图像的位置以及背景图像是否随页面滚动等。下面我们将深入探讨这些方面。 1. **背景...
css 之 background-position-x
10-30
这个属性是 background-position 属性的简写形式，专门用于设置背景图片的水平位置。 背景图片的水平位置是指背景图片左上角相对于元素左上角的水平距离。background-position-x 属性的取值可以是长度单位（如 px、...
CSS 背景全攻略
12-08
这篇“CSS背景全攻略”深入探讨了CSS背景属性的各个方面，包括基本用法、技巧以及CSS3的新特性。 首先，CSS2中的背景属性由五个核心部分组成： 1. `background-color`：这个属性用于设置元素的背景颜色。你可以...
background简写属性的书写顺序，以及各个属性的含义
柑橘乌云_
08-23 2472
是background-color，background-image，background-repeat，background-attachment，background-position,background-size。注意：如果用background-size,一定要用/分隔接下来。
CSS background的简写形式
along1985的专栏
08-21 276
背景的简写属性 可以把背景的各个属性合为一行，而不用每次都单独把他们写出来。格式如下： background: <color> <image> <position> <attachment> <repeat> 例如，下面的声明 ...
背景background 7种样式及简写
m0_48462345的博客
11-30 2095
background相关标签，代码
CSS杂记-background属性
call_me_fly的博客
01-03 529
CSS杂记-background属性刚在项目中遇到个问题就是我的一个日期选择的input框设置了背景色和背景图片，结果只有背景色没有背景图片，话不多说先上代码 .filter .item input[type=text] { width: 150px; height: 30px; background: #fff; border: 1px solid #C7
background简写
大白兔
05-07 5622
background是一个简写属性 background: color image position/size repeat origin clip attachment initial | inherit; 它的展开式属性为： background-color/*背景颜色（CSS1）*/ background-image/*背景图片（CSS1）*/ background-position/...
background简写方式
good_moring_的博客
11-11 4648
background有以下属性： css1: background-color：背景色 background-image：背景图片 background-repeat：背景图片重复规则 background-position：背景图片起始位置，默认值0% 0%； 可选值：top/center/bottom left/center/right ；只写一个第二个默认center 或者：x% y% ；只写一个第二个默认50% 或者：xpos ypos background-attachment：背景图片
flex：1
最新发布
m0_47999208的博客
07-25 337
2.flex-shrink,在flex布局中经常会遇到页面宽度不够而导致的文字换行问题，由于flex布局默认flex-shrink为1,就是默认可以缩小然后会导致换行，需要设置flex-shrink:0,默认不缩小就可以了。上面是120px高，给下面的外盒子高度设置为calc(100% - 120px);答：给外部盒子添加display：flex,内部盒子设置为flex-grow：1。现在有一个上下盒子，上面是固定值，下面是随页面高度变换的，如何让下面盒子的子盒子高度适应外部的高度呢？
css背景图属性简写
09-09
CSS背景图属性可以使用简写形式来设置，简写形式包括以下几个属性： 1. background-image：设置背景图片的URL。 2. background-position：设置背景图片的位置。 3. background-size：设置背景图片的尺寸。 4. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值