Html+Css

CSS Background

2018-11-30  本文已影响5人  roy_pub

background-color

    background-color: cyan;
    background-color: rgba(0,0,0,0.5);

background-image

    background-image: url("images/car.jpg");

background-repeat

    background-repeat: no-repeat;
属性 说明
repeat 背景图片纵向和横向平铺
no-repeat 背景图片不平铺
repeat-x 背景图片在横向上平铺
repeat-y 背景图片在纵向上平铺

background-position

设置或检索对象的背景图像位置,必须先指定 background-image 属性,默认值(0%, 0%)
如果只指定了一个值,该值用于横坐标,纵坐标默认为50%,第二个值用于纵坐标
该属性定位不受对象的属性(padding)设置影响

    background-position: center top;
    background-position: center center;
    background-position: right bottom;
    background-position: left;
    background-position: 12px 50px;
    background-position: 10px center;
    background-position: 10px;

background-attachment

background

background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置

    background: transparent url("car.jpg") repeat-y scroll 50% 0;
上一篇下一篇

猜你喜欢

热点阅读