{"blog_url":"https://web-css-design.hatenadiary.jp/","url":"https://web-css-design.hatenadiary.jp/entry/2025/11/12/%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F","title":"\u80cc\u666f\u753b\u50cf","height":"190","published":"2026-01-27 00:00:00","blog_title":"Web\u767d\u63cf - \u81ea\u5b85\u5b66\u7fd2\u7528\u30d6\u30ed\u30b0","provider_name":"Hatena Blog","author_name":"web-css-design","provider_url":"https://hatena.blog","categories":["\u2605CSS","\u2605AI"],"html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fweb-css-design.hatenadiary.jp%2Fentry%2F2025%2F11%2F12%2F%25E8%2583%258C%25E6%2599%25AF%25E7%2594%25BB%25E5%2583%258F\" title=\"\u80cc\u666f\u753b\u50cf - Web\u767d\u63cf - \u81ea\u5b85\u5b66\u7fd2\u7528\u30d6\u30ed\u30b0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","type":"rich","width":"100%","author_url":"https://blog.hatena.ne.jp/web-css-design/","version":"1.0","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/w/web-css-design/20260215/20260215025258.png","description":"\u80cc\u666f\u753b\u50cf \u30d7\u30ed\u30f3\u30d7\u30c8\u4f8b CSS\u3067\u80cc\u666f\u753b\u50cf\u3092\u6307\u5b9a\u3059\u308b\u6ce8\u610f\u70b9 \u30d7\u30ed\u30d1\u30c6\u30a3\u610f\u5473\u5024\u521d\u671f\u5024 background-color\u80cc\u666f\u8272\u30ab\u30e9\u30fc\u30b3\u30fc\u30c9\uff5c\u30ab\u30e9\u30fc\u30cd\u30fc\u30e0\uff5ctransparenttransparent\uff08\u900f\u660e\uff09 background-image\u80cc\u666f\u753b\u50cfurl\uff08\u30d5\u30a1\u30a4\u30eb\u30d1\u30b9\uff09\uff5cnonenone\uff08\u753b\u50cf\u306a\u3057\uff09 background-repeat\u80cc\u666f\u753b\u50cf\u306e\u7e70\u308a\u8fd4\u3057\u65b9\u5411repeat\uff5crepeat-x\uff5cepeat-y\uff5cno-repeaterepeat\uff08\u7e26\u6a2a\u306b\u7e70\u308a\u8fd4\u3057\uff09 background-position\u80cc\u666f\u753b\u50cf\u306e\u8868\u793a\u958b\u59cb\u4f4d\u7f6e\u4f4d\u7f6e\u3092\u8868\u3059\u30ad\u30fc\u30ef\u30fc\u30c9\uff5c%\uff5c\u6570\u5024\uff08px\uff09\u5de6\u4e0a\uff08left top\uff5c0% 0%\uff5c0px 0px\u2026"}