CSS– category –

Gridレイアウトを利用した際に、画像がgrid-template-columnsで定めた幅を超えて、オーバーフローして表示されてしまったときの対処法です。 画像のCSSで、max-widthに100%を指定します。 .wrapper { img { max-width: 100%; } }

「CSSを使って、画像を暗くする方法はある？」 こんな疑問を持つ方に向けて、CSSを利用して画像を暗くする方法を解説します。 次のように、画像にCSSを適用するだけで簡単に画像を暗くすることができます。 元の画像 暗くした画像 この記事で解説する方法...

画像とテキストを横並びで表示したいときには、flexをする方法があります。 <div class="content"> <div class="content__img"><img src="xxx" /></div> <div class="content__text"><p>xxx</p></div> </div> .content { displ...