Imamura https://blog.hatena.ne.jp/Imamura/ ただいま村 https://ima.hatenablog.jp/ hatena 最近のGoogle広告にはブログの本文の途中に差し込まれるものがあり、記事と広告の区別がわかりづらいことがある。PCからの閲覧時に広告が目立つよう、下のようなCSSをしつらえた。 div.google-auto-placed.ap_container, div.sleeping-ad-in-entry, div.variable-rectangle-ad { margin: 4em 0; /* 広告と本文との上下間隔を広くとる */ padding: 2em 0; /* 広告の上下に広告領域の背景色が見える場所を作る */ background-color: rgb(0 0 0 / 0.08)… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fima.hatenablog.jp%2Fentry%2F2024%2F06%2F19%2F153000" title="はてなブログの本文中に差し込まれる広告を見分けやすくするCSS - ただいま村" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/I/Imamura/20240617/20240617113718.png Hatena Blog https://hatena.blog 2024-06-19 15:30:00 rich https://ima.hatenablog.jp/entry/2024/06/19/153000 1.0 100%