css中background的属性
background-size: contain;/* background-size: 100px 100px; */
1.background-color:设置盒子的背景颜色;
background-color: blue;
2. background-image:设置盒子的背景图片;
background-image: url(./news-1.png);
3. background-repeat: 设置盒子的背景图片是否重复;
background-repeat: no-repeat;
4.background-position:设置盒子的背景图片的起始位置;
background-position: 100px 100px;
5.background-size:设置盒子的背景图片的尺寸;
background-size: contain;
/* background-size: 100px 100px; */
6.background-clip:规定背景的绘制区域;
background-clip: border-box|padding-box|content-box;
7.background-origin:相对于内容框来定位背景图像,即:背景图片的偏移量计算的原点;
8.background-attachment:背景图片是否跟随元素移动;
9.
background:可以设置所有属性;
css中background的属性相关推荐
- css中文本指什么,CSS中的文本属性
本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性 文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性( ...
- 【CSS】【position】css中的position属性
css中的position属性用于设置元素位置的确定方式,它有以下几种取值: static:默认定位方式,子元素在父容器中挨个摆放 absolute:绝对定位,元素不占据父容器空间,相当于文档body ...
- 【前端小点】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 text top,text-align属性(css中文本对齐属性)
text-align属性 设置h1.h2.h3元素的文本对齐方法: h1{text-align:center} h2{text-align:left} h3{text-align:right} 亲自试 ...
- CSS中的resize属性
CSS | 调整属性 (CSS | resize Property) Starting note: 开始说明: We deal with various elements regularly whil ...
- html text align属性,CSS中的text-align属性怎么用
CSS的text-align属性可用于设置文本的位置,接下来的这篇文章将给大家介绍关于CSS中的text-align属性的用法,下面我们来看具体的内容. 我们先来看一段简单的代码 在此处显示文字 效果 ...
- CSS中Position定位属性的使用
文章目录 CSS中定位属性的使用 position:absolute position:relative position:fixed position:sticky position:static ...
最新文章
- 数据类型中的零碎基础知识
- MO-LTR:基于单目RGB视频的多目标定位、跟踪与重建
- 微软这次发布会巨硬:安卓折叠手机、双屏电脑,还有无线耳机和超薄平板
- Kerberos 协议和 KDC 实现 Apache Kerby
- Python中出现“TabError: inconsistent use of tabs and spaces in indentation”原因和解决方法
- 限制本机访问某一些网站,本人不再花时间看新闻了
- 测开之路十六:@classmethod与@staticmethod
- 用Scipy中的linprog解决股票融资中的线性规划问题
- 【金融财经】金融市场一周简报(2017-09-15)
- java Doc文档生成方式
- 进阶篇:3.5)粉末冶金件设计
- codeforces 416E President's Path floyd+D(递)P(推)
- 阿里年薪50WJAVA工程师转大数据学习路线!
- 2022软件测试工程师的简历怎么写?
- 07 - Nor Flash
- IEEE xplore免费下载论文
- mo和po文件相互转化
- 文本数据的词云可视化
- 新人成长:新人在前端团队如何快速成长为技术骨干
- php tp5上传图片到阿里云OSS
热门文章
- 奥利给,圣诞树,圣诞快乐
- 【雷达书籍推荐】 第2期 雷达原理
- Win7 IE桌面图标消失 修复方法
- JS-计算日期差,计算日期之间的月数
- javascript 获取当前日期 月份 时间
- 七大设计原则之开闭原则
- 朗强:紧跟时代步伐!HDMI分布式矩阵可以通过手机来控制!
- 西南科技大学 计算机学院 张伟,信息工程学院综合测评公示第二稿-西南科技大学信息工程学院.DOC...
- 浅析多元回归中的“三差”:离差(Deviation)、残差(Residual)与误差(Error)
- java地址簿管理系统