background 背景属性的简写

最新推荐文章于 2023-02-23 19:27:22 发布
最新推荐文章于 2023-02-23 19:27:22 发布
阅读量4.2k 收藏 1
点赞数
分类专栏： css 文章标签： css 前端开发 网站设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Anpanda/article/details/70915733
版权

通常使用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上时， 我们可以通过这种方法来进行微调；

Anpanda
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
background简写属性的书写顺序，以及各个属性的含义
柑橘乌云_
08-23 2492
是background-color，background-image，background-repeat，background-attachment，background-position,background-size。注意：如果用background-size,一定要用/分隔接下来。
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简写属性
小阳的博客
12-10 4360
现在流行组合，什么歌唱团体，TFboys、至上励合等等。background属性也赶时髦，它也有组合。我们知道background有很多的单个属性，有background-position、background-repeat等，我们可以把这些background的这些属性简写到组合中
background的简写属性
weixin_30607029的博客
07-22 317
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 8 <script type...
background简写方式
good_moring_的博客
11-11 4656
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：背景图片
CSS教程:背景background属性应用
12-01
在CSS（层叠样式表）中，背景属性`background`是一个综合性的属性，可以用于设置元素的背景颜色、背景图像、图像重复方式、背景图像的位置以及背景图像是否随页面滚动等。下面我们将深入探讨这些方面。 1. **背景...
CSS3之多背景background使用示例
09-25
对于不支持CSS3的旧版浏览器，多背景属性将被忽略，但不会影响到其他CSS2样式的表现。 ### 三、背景的实例 #### 1. 圆角效果 以下例子展示了如何使用多背景创建一个带有圆角的自定义边框效果： ```css .a { width...
21.3 CSS 背景属性
09-01
- 为了简化代码，CSS允许使用`background`简写属性一次性设置多个背景属性，顺序为：颜色 > 图像 > 重复 > 定位 > 附件 > 大小。例如：`background: #fff url("image.jpg") no-repeat center fixed;`。 8. **背景...
background属性设置
05-12
结合所有这些子属性，`background`属性可以写成简写形式，如下所示： ```css background: red url("1.jpg") no-repeat center fixed / cover; ``` 这行代码设置了红色背景，加载`1.jpg`作为背景图像，不重复，居中...
background相关属性及缩写属性
qq_43812504的博客
12-07 2372
背景缩写属性： 背景缩写属性可以在一个声明中设置所有的背景属性。 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 5622
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 1216
CSS 背景属性用于定义 HTML 元素的背景，通过背景属性我们可以定义元素的背景颜色、背景图片、背景图片的平铺方式和显示位置等。如果设置为 50% 50%，图像的中心点将与元素的中心点对齐显示。background-position 属性，设置背景图像（由 background-image 定义）的起始位置。background是背景复合属性，在一个声明中设置所有背景属性。background-color 属性，设置元素的背景颜色。background-image 属性，为元素设置背景图像。
css font属性和background属性的值简写方式
qq_37899792的博客
05-21 868
经常使用到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 801
background-size简写背景属性(CSS3)我正在尝试在短手background属性中混合background-image和background-size属性。 基于W3C文档 background-size应该在用斜线( / )分隔的background-position属性之后。W3C例子：p { background: url("chess.png") 40% / 10em gra...
前端学习 -- Html&Css -- 背景
A08110123的博客
05-16 1431
background 在一个声明中设置所有的背景属性。background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。background-color 设置元素的背景颜色。background-image 设置元素的背景图像。background-position 设置背景图像的开始位置。background-repeat 设置是否及如何重复背景图像...
css中background属性引入图片url()中地址
weixin_57844432的博客
08-10 6110
css中background属性引入图片url()中地址
CSS中background:url() no-repeat right center的意思
weixin_46355717的博客
03-03 5730
最近在学习中遇到这个问题 background:url() no-repeat right center 是简写，原本写法如下 backgroud-image:url(图片); background-repeat:no-repeat; background-position:right center 图片位置 right center是图片的初始位置 right是水平位置，center是垂直居中 这两个的顺序是先定义水平位置，再定义垂直位置； 第一个例子 background:url(图片) no-r
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、付费专栏及课程。

余额充值