Backgrounds(背景）

值	说明	CSS
background-color	指定要使用的背景颜色	1
background-position	指定背景图像的位置	1
background-size	指定背景图片的大小	3
background-repeat	指定如何重复背景图像	1
background-origin	指定背景图像的定位区域	3
background-clip	指定背景图像的绘画区域	3
background-attachment	设置背景图像是否固定或者随着页面的其余部分滚动。	1
background-image	指定要使用的一个或多个背景图像	1

background-color背景颜色

值	描述
color	指定背景颜色。在CSS颜色值近可能的寻找一个颜色值的完整列表。
transparent	指定背景颜色应该是透明的。这是默认
inherit	指定背景颜色，应该从父元素继承

background-image背景图像

值	说明
url('URL')	图像的URL
none	无图像背景会显示。这是默认
inherit	指定背景图像应该从父元素继承

background-repeat : 图像是否重复及如何重复

值	说明
repeat	背景图像将向垂直和水平方向重复。这是默认
repeat-x	只有水平位置会重复背景图像
repeat-y	只有垂直位置会重复背景图像
no-repeat	background-image不会重复
inherit	指定background-repea属性设置应该从父元素继承

background-attachment 背景图形是否固定或随页面滚动

值：

scroll	背景图片随页面的其余部分滚动。这是默认
fixed	背景图像是固定的
inherit	指定background-attachment的设置应该从父元素继承
local	背景图片随滚动元素滚动

background-position 设置背景图像的起始位置

值	描述
left top left center left bottom right top right center right bottom center top center center center bottom	如果仅指定一个关键字，其他值将会是"center"
x% y%	第一个值是水平位置，第二个值是垂直。左上角是0％0％。右下角是100％100％。如果仅指定了一个值，其他值将是50％。。默认值为：0％0％
xpos ypos	第一个值是水平位置，第二个值是垂直。左上角是0。单位可以是像素（0px0px）或任何其他 CSS单位。如果仅指定了一个值，其他值将是50％。你可以混合使用％和positions
inherit	指定background-position属性设置应该从父元素继承

转载于:https://www.cnblogs.com/yxs1530/p/10063177.html

Backgrounds(背景）相关推荐

html h1 背影设为图片,CSS Backgrounds(背景)
CSS 背景 CSS 背景属性用于定义HTML元素的背景. CSS 属性定义背影效果: background-color background-image background-repeat back ...
DIV+CSS颜色边框背景等样式
1.使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则请参看<常用css缩写语法总结>,css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两 ...
html 网页整体的背景色,HTML 背景
HTML 背景好的背景使站点看上去特别棒. 背景(Backgrounds) 背景颜色(Bgcolor) 背景颜色属性将背景设置为某种颜色.属性值可以是十六进制数.RGB 值或颜色名. 以上的代码均将 ...
Jetson 修改cboot logo,登录界面logo,启动页面logo,背景logo
前言更换开机Nivida logo需要重刷bootloader中的bmp.blob文件, 以下在ubuntu18.04上位机操作.详细教程请阅读刷机时下载的一系列系统文件中的Linux_for_Te ...
[导入][转]常用CSS缩写语法总结
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以 ...
常用CSS缩写语法总结
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以 ...
e盾网络验证源码_Laravel [mews/captcha] 图片验证码
1 安装配置 1.1 使用 composer 安装 [mews/captcha] 扩展 composer require mews/captcha 项目根目录 composer.json -> ...
Htmlt_Div+Css简介
DIV+CSS是网站标准(或称"WEB标准")中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位 ...
aotu.js 动态运行脚本_素材丨一键生成动态LOGO，3000+个样式随你选！
分享一套AE扩展预设包,大小是3.79G. 特别要提到的是第17个文件Motion Shapes (运动图形)里面的科幻动态,轻松实现LOGO动态一键生成,用起来特别香! 包含分类: 1/Opener ...

Backgrounds(背景）

Backgrounds(背景）相关推荐

最新文章

热门文章