css3 & background & background-image

css3 & background & background-image

https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

https://developer.mozilla.org/en-US/docs/Web/CSS/background

/* .layui-layer-setwin .layui-layer-close1 {
    background-position: 0 0;
    cursor: pointer;
    background: url(./close.png) !important;
} */

/* 81x42 */

.layui-layer-setwin .layui-layer-close1 {
    background-position: -28px -33px;
    cursor: pointer;
    background: url(./close.png) no-repeat !important;
    width: 26px;
    height: 26px;
    margin-top: -14px;
    margin-left: 11px;
    padding: 0;
}

<span class="layui-layer-setwin">
    <a class="layui-layer-ico layui-layer-close layui-layer-close1" href="javascript:;"></a>
</span>

---

css3 & background-image

https://css-tricks.com/perfect-full-page-background-image/

https://css-tricks.com/almanac/properties/b/background-image/

https://www.sitepoint.com/background-image-css-property/

https://www.w3schools.com/Css/css3_backgrounds.asp

https://www.w3schools.com/cssref/css3_pr_background.asp

https://www.w3schools.com/cssref/pr_background-image.asp