background-size - ppt

by redky

HTML

<div class="box size100x100"></div>
<div class="box round"></div>
<div class="box contain"></div>

CSS

.box {
    margin: 10px;
    height: 100px;
    padding: 10px;
    border: 10px;
    background-color: #faa;
    background-image: url(https://www.google.com.hk/images/srpr/logo11w.png);
    background-repeat: no-repeat;
}
.size100x100 {
    background-size: 100px 100px;
}
.round {
    background-size: round;
}
.contain {
    background-size: contain;
}