CSS背景设置方法及背景附着

1.背景颜色（color）

语法：

background-color:颜色值; 默认值是 transparent 透明的

2.背景图片（image）

语法：

background-image:url("图片路径")

小技巧:提倡背景图片后边的地址，url不要加引号。

3.背景平铺(repeat)

语法：

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

4背景位置（position）重点

语法：

background-position : lenth || length background-position : position || position

铁汁们注意点来了

1.必须先指定background-image属性
2.position后面是x坐标和y坐标。可以使用方位名词或者精确单位。
3.如果指定两个值，两个值都是方位名字，则两个值前后顺序无关，比如left top和top left效果一致
4.如果只指定了一个方位名词，另一个值默认居中对齐。
5.如果position后面是精确坐标，那么第一个，肯定是×第二的一定是y
5.如果只指定一个数值,那该数值一定是x坐标，另一个默认垂直居中
7.如果指定的两个值是精确单位和方位名字混合使用，则第一个值是x坐标，第二个值是y坐标

实际工作中用得最多的，就是个背景图片居中对齐了

5.背景附着

背景附着就是解释背景是滚动还是固定的

语法：

background-attachment : scroll | fixed

6.背景简写

background:属性的值的书写顺序并没有强制标准为了可读性建议大家如下写：
background:背景颜色背景图片地址背景平铺背景滚动背景位置；

background: transparent url ("image.png") repeat-y scroll center top;

7.背景透明（css3）

语法：

background: rgba(0,0,0,0.3)

1.最后一个参数是alpha透明度取值范围0~1之间
1.我们习惯把0.3的О省略掉这样写background: rgba(0,o,0,.3);
3.注意:背景半透明是指盒子背景半透明，盒子里面的内容不受影响
4.因为是CSs3，所以低于ie9的版本是不支持的。

8.背景总结

CSS背景颜色设置背景附着背景平铺背景位置背景简写背景透明相关推荐

css body的背景颜色设置
给大家推荐免费的kugou音乐 vip哈, 还不知道的一定有相见恨晚的感觉,获取地址service99.cn ------------题记一:使用标签类型定义样式 1.内部样式 body的背景颜色设 ...
html背景颜色透明度hex,CSS背景颜色设置透明度的两种方法（8位hex和rgba）
目录一. 6位HEX转RGBA 二.8位HEX 在写微信小程序的时候,有个需求是按背景颜色 background-color要设透明度0.85,让背景图片 background-image透一点出来 ...
html怎么设置页面半透明,css怎么将背景颜色设置成半透明
css怎么将背景颜色设置成半透明发布时间:2020-06-24 13:17:07 来源:亿速云阅读:540 作者:Leah 这篇文章运用简单易懂的例子给大家介绍css怎么将背景颜色设置成半透明,代 ...
保护眼睛背景颜色设置方法
from: http://tiaozhanshu.com/post/2011/05/14/%E4%BF%9D%E6%8A%A4%E7%9C%BC%E7%9D%9B%E7%9A%84%E9%A2%9C% ...
python 怎么设置背景为白色_pycharm怎么将背景颜色设置成白色？
方法:1.在pycharm中,点击顶部的"文件"选项:2.点击"设置"按钮,进入设置页面:3.点击"编辑器"选项,再点击"颜色&a ...
eclipse中字体大小及背景颜色设置
一.字体大小设置 Window--->Preferences--->General---> Appearence ---> Colors And Fonts ---> ...
浏览器全屏状态下背景颜色设置
浏览器全屏状态下背景颜色设置: :-webkit-full-screen { background-color: @content-bg !important; } :-moz-full-screen ...
matlab怎么将背景颜色换为白色,hypermesh将背景颜色设置为白色的方法
hypermesh是一款主流的仿真分析前处理软件,该软件界面直观友好,其一流的网格划分技术得到业内的一直认可,被各大汽车主机厂和零部件厂商的广泛使用.这款软件的专业性非常强,因此在使用操作方面难度比较 ...
python3-xlwt-Excel设置表格基础(字体颜色背景颜色设置边框边框颜色冻结窗口字体大小字体高度字体加粗下划线斜体字单元格对齐方式自动换行删除线超链接插入公式)
文章目录引入xlwt和创建workboos对象初始化样式和创建设置字体,赋值给style 保存文件自定义样式字体颜色背景颜色设置边框边框颜色冻结窗口字体大小字体高度字体加粗下划 ...

CSS背景颜色设置背景附着背景平铺背景位置背景简写背景透明

CSS背景设置方法及背景附着

1.背景颜色（color）

2.背景图片（image）

3.背景平铺(repeat)

4背景位置（position）重点

铁汁们注意点来了

实际工作中用得最多的，就是个背景图片居中对齐了

5.背景附着

背景附着就是解释背景是滚动还是固定的

6.背景简写

7.背景透明（css3）

8.背景总结

CSS背景颜色设置背景附着背景平铺背景位置背景简写背景透明相关推荐

最新文章

热门文章

CSS背景颜色设置背景附着背景平铺背景位置背景简写背景透明

CSS背景设置方法及背景附着

1.背景颜色（color）

2.背景图片（image）

3.背景平铺(repeat)

4背景位置（position）重点

铁汁们 注意点来了

实际工作中用得最多的，就是个背景图片居中对齐了

5.背景附着

背景附着就是解释背景是滚动还是固定的

6.背景简写

7.背景透明（css3）

8.背景总结

CSS背景颜色设置背景附着背景平铺背景位置背景简写背景透明相关推荐

最新文章

热门文章

铁汁们注意点来了