ID非公開

2022/5/25 9:53

11回答

HTML/CSSについて質問です。

HTML/CSSについて質問です。 写真のように 2カラーの上に画像を配置するには どんなコードを書きますか？

画像

HTML、CSS | ホームページ作成・17閲覧

ベストアンサー

0
ybb********

カテゴリマスター

2022/5/25 10:47

ID非公開さん >･･･2カラーの上に画像を配置する･･･････ ご参考に↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <style> .box { width: 100%; height: 400px; display:flex; justify-content:center; align-items:center; background: linear-gradient(180deg, #36f 0%, #36f 50%, #fb6 50%, #fb6 100%); } </style> </head> <body> <div class="box"> <img src="https://s.yimg.jp/images/ks/official/nt/grd/prf_150.png" > </div> </body> </html>