css背景属性 Background

最新推荐文章于 2020-10-09 16:35:58 发布
最新推荐文章于 2020-10-09 16:35:58 发布
阅读量1.2k 收藏
点赞数
分类专栏： CSS和HTML 文章标签： css scroll
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ttongzw/article/details/6532531
版权
背景属性  Background
1.background-attachment : scroll | fixed

scroll：图像随对象内容移动而移动；

fixed：图像固定。

 

2.background-position： X Y 

 背景图像在水平和垂直方向的位置，例如水平设置为负数时则图像向左缩进，达到剪切左边部分图像的目的。

 

3.background-repeat : repeat | no-repeat | repeat-x | repeat-y

 

背景图像水平和垂直都平铺，不平铺，只水平平铺，只垂直平铺。

remy303
关注
专栏目录
踩坑(css3+h5)_background-size属性
qq_43260366的博客
02-08 1489
图片并不能撑开盒子，要想显示背景图片，需要图片设置宽高或有足够的内容撑开盒子的前提下。[1] 当元素没有设置background-size属性，或是设置background-size:auto auto时，会按照图片默认的宽高进行展示图片宽高 大于 元素宽高 -> 超出元素宽高的图片会被截断(不显示)图片宽高 小于等于 元素宽高 -> 正常展示(展示位置以及是否平铺需要看background-position以及background-repeat)
vue2绑定内联样式background的一些坑
大熊的博客
04-13 5665
此时我有一个需求，给一个盒子添加一个背景图片，这个背景图片是动态请求回来的，那么应该怎么做？看似简单，其实很考研对JavaScript基础的功底以及对vue生命周期的理解。正常情况下的vue内联样式如下写法：<div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data: { act...
[css]background-size设置无效，算踩坑吗？
weixin_36089438的博客
09-27 9510
首先毋庸置疑，当背景是图片的时候可以利用background属性， 写法可以是 background:url(); 或者是background-image:url() 业务中在设置button的背景为图片的时候，因为前面button有样式 background:red ！important 所以在修改背景的时候也要加上了!importan，否则背景样式会设置不成功，仍然保持原...
记一下vscode的插件background的坑,vscode已损坏
weixin_44457418的博客
10-09 4796
安装background插件后,看着是舒服,但是每次启动vscode都会报一个已损坏的错误,查了一下,解决方法也很简单 1.安装插件Fix VSCode Checksums 2.vscode里ctrl+p打开命令行,输入Fix Checksums: Apply 3.重启vscode解决,简简单单 ...
div常用效果方法-transform
weixin_30788731的博客
12-23 738
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div:first-of-type{ width: 200px; height: 200px; back...
CSS之背景属性background详细讲解
蟹黄堡
05-12 1326
CSS背景属性 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 1.背景颜色 设置背景颜色的语法格式如下： background-color:颜色值 注意： 1、一般情况下，元素背景颜色默认值是transparent（透明） 2.背景图片 设置背景图片的语法格式如下： background-image:none | url(url) 注意： 1、该属性在实际开发中，常用于设置一些logo或者一些装饰的小图片或者是超大的背景图片； 2、该属性非常容易控制背景图片的位置
CSS下背景属性background的使用方法
12-11
 CSS可以用纯色来作为背景，也可以将背景设置为透明,background相当于xhtml中的bgcolor。 它的两个值： transparent（默认值，透明） color(指定的颜色，和文本颜色的设置方法相同) 示例：  body {background-...
简述CSS中的背景属性background
12-10
在CSS中，背景属性是一个非常重要的概念，它允许开发者对...以上是CSS背景属性的主要方面，它们共同作用于元素的背景，提供了强大的视觉设计能力。通过灵活组合这些属性，开发者可以创建出各种复杂而美观的网页布局。
CSS background属性(背景属性)详解
12-07
可以在background属性中设置所有的背景属性。可以设置如下属性： •background-color 颜色 •background-position 位置 •background-size 大小 •background-repeat 如何重复背景图像 •background-origin 背景...
CSS3背景属性
哆来咪er的博客
09-30 574
background是一个使用率很高的属性，也是一个非常有用的属性。背景主要包括5个基本属性：background-color(背景颜色)background-image(背景图片)background-repeat(背景图片展示方式)background-attachment(背景图片是固定还是滚动)background-position(背景图片位置)这些属性可单独写，也可将其串在一起使用。1、
css 背景属性
liuboman的博客
01-05 372
背景位置 background-position:值 值可以是 center top bottom right left ，XXpx，XXcm, XX%, 其中center， top，bottom，right，left 一共可以组成九个方向，单一关键字规则如下。可以省略center。 XX%表示更复杂：百分数值同时应用于元素和图像，当水平方向为0%时，图像左边和元素左边对其，当
CSS属性之背景
骑着毛驴的小猴子
07-10 311
1.background:red url(“pic.jpg”) center center / 160px 80px no-repeat; 背景图像在背景颜色的上方，整体居中,大小160*80px且不重复 2.background-size:contain|cover; 背景图片大小包含在块中，自动变大小，但不重复； 背景图片很小，盒子很大，背景图像自动重复平铺 背景图片很大，盒子很
CSS3 background-size 属性
Sunny
09-04 340
定义和用法 background-size 属性规定背景图像的尺寸。 默认值： auto 继承性： no 版本： CSS3 JavaScript 语法： object.style.backgroundSize="60px 80px" 语法 background-size: length|percentage|cover|
CSS background属性之主要背景属性
zmr1991的专栏
05-13 1168
CSS background属性之主要背景属性 在CSS中，关于background属性，主要有5个相关的背景属性。如下所示： background-color属性：设置背景颜色。background-image属性：设置背景图片。background-repeat属性：是否重复背景图片。background-attachment属性：设置背景图片是否随页面滚动。background-
异步编程中BackgroundWorker类
以梦为马 不负韶华
12-25 326
异步编程中async/await特性：适合需要在后台完成的与主线程不相关的小任务，不需要向主线程汇报进度 BackgroundWorker类：适合需要另建一个线程，在后台持续运行以完成某项工作，并不时地与主线程通信。 BackgroundWorker类的使用：主要是通过设置BackgroundWorker类的属性，调用三个方法触发事件，以及通过三个事件中的第二个参数EventArgs类的子...
CSS2背景属性
Abenazhan的博客
05-30 478
background: 用于设置background-color，background-image，background-repeat，background-attachemnt，background-position属性 background-color：背景颜色 属性： 取值：red | #ff0000 | rgb(255,0,0) | transparent ...
fixed，background......兼容问题
qq_24770809的博客
07-03 458
通常情况下，一些主流浏览器都兼容background、position等元素；但是，IE6不支持background、position等；以下，我为大家讲解IE6的兼容问题background，IE6、7的兼容方法#menu ul li a .current{ background:#ccc; _background:#ccc; /*IE 6*/ *background:#ccc
CSS背景属性详解：background与background-position
"CSS背景属性和background-position的使用教程" 在CSS中，背景属性（background）和background-position是创建网页视觉效果的重要工具。本文将详细解析这两个属性的使用方法，帮助开发者更好地理解和应用。 首先，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值