标签:ack repeat-y top enter 方向 center 另一个 jpg url
1.设置背景颜色
background-image:url(img/jianbian.jpg)
3.设置背景图像平铺
background-repeat:repeat-x
repeat:沿水平和数值两个方向平铺(默认值)
no-repeat:不平铺(图像位于元素的左上角,只显示一次)
repeat-x:只沿水平方向平铺
repeat-y:只沿竖直方向平铺
4.设置背景图像位置
background-position:
取值方式
1.使用不同单位的数值 background-position:20px 20px
2.使用预定义的关键字:指定背景图像在元素中的对齐方式
水平方向值:left center right、
垂直方向值:top center bottom
两个关键字的顺序任意,若只有一个值则另一个默认为center
3.使用百分比:按北京图像和元素的指定点对齐
0% 0%:表示图像左上角与元素的左上角对齐
50% 50%:表示图像50% 50%的的中心点与元素50% 50%的中心点对齐
20% 30%:表示图像20% 30%的点与元素20% 30%的点对齐
100% 100%:表示图像右下角与元素的右下角对齐,而不是图像充满元素
如果只有一个百分数,将作为水平值,垂直值则默认为50%
5.设置背景图像固定
background-attachment:
scroll:图像随页面元素滚动
fixed:图像固定在屏幕上,不随页面元素滚动
6.综合设置元素的背景
background:背景色 url("图像") 平铺 定位 固定
html4
标签:ack repeat-y top enter 方向 center 另一个 jpg url
原文地址:https://www.cnblogs.com/cuirenlao/p/8799311.html