背景- 简写属性

简介: 【5月更文挑战第3天】背景- 简写属性。

背景- 简写属性
在以上实例中我们可以看到页面的背景颜色通过了很多的属性来控制。
为了简化这些属性的代码,我们可以将这些属性合并在同一个属性中.
背景颜色的简写属性为 "background":

实例
body {background:#ffffff url('img_tree.png') no-repeat right top;}
尝试一下 »
当使用简写属性时,属性值的顺序为::

background-color
background-image
background-repeat
background-attachment
background-position

相关文章
|
1月前
transition复合属性同时设置元素的四个过渡属性
【10月更文挑战第6天】transition复合属性同时设置元素的四个过渡属性
136 8
|
6月前
|
前端开发
列表 - 简写属性
列表 - 简写属性。
32 6
|
28天前
|
前端开发 容器
网格布局的语法和属性
【10月更文挑战第22天】还可以进一步探索网格布局的其他特性和用法,如嵌套网格、自动布局等,以充分发挥其强大的功能。通过不断实践和经验积累,你将能够更加熟练地运用网格布局来创建美观且实用的页面布局。还可以参考相关的文档和教程,深入了解网格布局的更多细节和技巧。
32 7
|
2月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性,以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
41 3
前端基础(五)_CSS文本文字属性、背景颜色属性
|
5月前
|
前端开发 容器
CSS3 新增背景属性 + 新增边框属性(如果想知道CSS3新增背景属性和新增边框属性的知识点,那么只看这一篇就够了!)
CSS3 新增背景属性 + 新增边框属性(如果想知道CSS3新增背景属性和新增边框属性的知识点,那么只看这一篇就够了!)
|
5月前
|
Web App开发 前端开发 编译器
CSS3私有前缀+新增盒模型相关属性(如果想知道CSS3私有前缀、新增盒模型相关属性的知识点,那么只看这一篇就足够了!)
CSS3私有前缀+新增盒模型相关属性(如果想知道CSS3私有前缀、新增盒模型相关属性的知识点,那么只看这一篇就足够了!)
|
6月前
|
前端开发 容器
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
85 2
|
前端开发 小程序 容器
封装占位文字的颜色属性
封装占位文字的颜色属性
92 0
封装占位文字的颜色属性