【CSS】background-sizeテスト

by tea4two

HTML

<div id="bgtest">
    background size test
</div>
<br />
<div id="bgtest2">
    background size test
</div>

CSS

#bgtest {
    width: 100%;
    height: 200px;
    background: url(http://placekitten.com/g/200/300) no-repeat 0 0;
    background-size: 100% 100%;
}
#bgtest2 {
    width: 100%;
    height: 200px;
    background: url(http://placekitten.com/200/300) no-repeat 0 0;
    background-size: cover;
    }