background小记

前端之家收集整理的这篇文章主要介绍了background小记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<table class="text"><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

图片 background-position:定义背景图片位置 取值为(x,y)定义背景图片左上角顶点(0,0)相对于bg-Box左上角顶点(0,0)的位移 取正值,则往右往下,取负值,则往左往上。 background-size:定义背景图呈现在bg-Box中的区域大小 取值(x,y)则与bg-Box的(0,0)裁剪出一块区域(可px,可%) 取值cover,目的是完全覆盖bg-Box,并且图片缩放至最小大小 取值contain,目的是在bg-Box中完全显示自己,并且图片缩放至最大大小 background-repeat:定义在水平方向,垂直方向,或者两者的重复 background-attachment:定义背景图要不要随着内容滚动,还是固定 background-origin:定义背景图在bg-Box中开始绘制的位置 可选的border,padding,content区域开始绘制 background-clip:定义背景图在bg-Box中会不会被剪切 可选的border,padding,content区域开始剪切

猜你在找的程序笔记相关文章