JSFiddle - React, Tailwind, and code Playground

by calpo

HTML

<h2>オリジナル画像 original</h2>
<img src="http://p.tl/P1E_">

<p>↓</p>

<h2>切り抜いたもの architraved</h2>
<div class="architrave_image">
    <a href="http://p.tl/P1E_"></a>
</div>

CSS

.architrave_image {
    height: 80px;
    width: 80px;
    background: url(http://p.tl/P1E_) no-repeat center;
}
.architrave_image a {
    display: block;
    height: 100%;
    width: 100%;
}