background 背景属性的简写

最新推荐文章于 2024-08-31 12:28:56 发布

Anpanda

最新推荐文章于 2024-08-31 12:28:56 发布

阅读量4.2k

点赞数

分类专栏： css 文章标签： css 前端开发网站设计

本文链接：https://blog.csdn.net/Anpanda/article/details/70915733

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

通常使用background 属性都是如下写法：

background: url(../images/stock_taking/branch.png) no-repeat right bottom ;

最近一个在做一个项目发现最后的两个position属性值还可以进行微调；

例如：background: url(../images/stock_taking/branch.png) no-repeat right 5px bottom 5px;

那这样加两个带有像素单位的属性，就可以使背景图标定位在距离元素最右侧5像素下部5像素处；

当背景图标紧贴在元素的border上时，我们可以通过这种方法来进行微调；

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Anpanda

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

CSS background背景属性

weixin_58139900的博客

10-05

356

目录多个背景图像background-image background-origin背景图像的起始点 background-clip背景绘制区域 background-size背景图像的大小合并简写兼容 CSS3背景渐变线性渐变径向渐变(了解) 概述：CSS3更新增了新的背景属性，提供对元素背景更灵活的控制多个背景图像background-image CSS3中可以通过background-image给元素上添加多个背景图像语法不同的背景图像和图像用【.

CSS的background属性的缩写顺序介绍

12-13

background 属性是background-color，background-image，background-position，background-attachment，background-repeat，这五个属性的缩写，优点是比单个属性书写要简单，要少写很多代码。就是有时令人在书写这五个属性的顺序上有些困扰。下面一段代码取自搜狐：复制代码代码如下: .bBot{background:url(../images20130624/bg.png) no-repeat -1424px -5px;overflow:hidden;height:1px;clear:both;font-si

参与评论您还未登录，请先登录后发表或查看评论

background简写属性

zhuyunhe的专栏

05-15

3812

CSS-background

CSS学习6--背景图片、颜色、位置、附着、简写、透明、缩放、多背景、凹凸文字、导航栏例子

最新发布

qq_54641174的博客

08-31

1205

CSS背景图片

background的简写属性

weixin_30607029的博客

07-22

331

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 8 <script type...

background简写属性的书写顺序，以及各个属性的含义

柑橘乌云_

08-23

3192

是background-color，background-image，background-repeat，background-attachment，background-position,background-size。注意：如果用background-size,一定要用/分隔接下来。

CSS background属性(背景属性)详解

09-25

CSS中的background属性是一个非常强大的工具，它允许网页开发者对页面元素的背景进行详尽...对于CSS初学者来说，熟练掌握这些背景属性是学习CSS的一个重要部分，它可以帮助你创建出丰富多彩且视觉效果良好的网页界面。

CSS教程:背景background属性应用

12-01

在CSS（层叠样式表）中，背景属性`background`是一个综合性的属性，可以用于设置元素的背景颜色、背景图像、图像重复方式、背景图像的位置以及背景图像是否随页面滚动等。下面我们将深入探讨这些方面。 1. **背景...

背景background 7种样式及简写

m0_48462345的博客

11-30

2170

background相关标签，代码

background简写方式

good_moring_的博客

11-11

4763

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：背景图片

background相关属性及缩写属性

qq_43812504的博客

12-07

2481

背景缩写属性：背景缩写属性可以在一个声明中设置所有的背景属性。 background: #00ff00 url('smiley.gif') no-repeat fixed center; 可以设置的属性分别是：background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment 和 background-image。

background简写

大白兔

05-07

5645

background是一个简写属性 background: color image position/size repeat origin clip attachment initial | inherit; 它的展开式属性为： background-color/*背景颜色（CSS1）*/ background-image/*背景图片（CSS1）*/ background-position/...

七、CSS背景（background简写）

m0_74899723的博客

02-23

1262

CSS 背景属性用于定义 HTML 元素的背景，通过背景属性我们可以定义元素的背景颜色、背景图片、背景图片的平铺方式和显示位置等。如果设置为 50% 50%，图像的中心点将与元素的中心点对齐显示。background-position 属性，设置背景图像（由 background-image 定义）的起始位置。background是背景复合属性，在一个声明中设置所有背景属性。background-color 属性，设置元素的背景颜色。background-image 属性，为元素设置背景图像。

css font属性和background属性的值简写方式

qq_37899792的博客

05-21

908

经常使用到CSS，其中的font和background属性可以有多个更详细的关联样式属性，但也可以用这两个进行简写，很多时候我都忘了他们的简写的格式，所以网上找了一些，写下来，方便日后直接参考... 1，字体属性主要包括下面几个font-family，font-style，font-variant，font-weight，font-size，font font-family（字体...

css3 background简写,background-size简写背景属性（CSS3）

weixin_39734987的博客

08-04

835

background-size简写背景属性(CSS3)我正在尝试在短手background属性中混合background-image和background-size属性。基于W3C文档 background-size应该在用斜线( / )分隔的background-position属性之后。W3C例子：p { background: url("chess.png") 40% / 10em gra...

微信小程序css篇----背景（Background）与颜色（Color）