{"id":13490,"date":"2024-05-07T12:07:28","date_gmt":"2024-05-07T03:07:28","guid":{"rendered":"https:\/\/fobi.ashisuto.co.jp\/tech\/?p=13490"},"modified":"2024-10-22T16:38:05","modified_gmt":"2024-10-22T07:38:05","slug":"post-13490","status":"publish","type":"post","link":"https:\/\/fobi.ashisuto.co.jp\/tech\/technical\/designer-css\/color-change\/post-13490\/","title":{"rendered":"\u30b3\u30f3\u30c6\u30ca\u306e\u30bf\u30a4\u30c8\u30eb\u30d0\u30fc\u306b\u80cc\u666f\u8272\u3068\u6587\u5b57\u8272\u3092\u6307\u5b9a\u3059\u308b"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u6982\u8981<\/h2>\n\n\n\n<p>Designer\u306e\u30da\u30fc\u30b8\u4e0a\u306b\u914d\u7f6e\u3057\u305f\u30b3\u30f3\u30c6\u30ca\u306e\u30bf\u30a4\u30c8\u30eb\u30d0\u30fc\u80cc\u666f\u8272\u3068\u6587\u5b57\u8272\u3092\u5909\u66f4\u3059\u308b\u624b\u9806\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\uff01<\/p>\n\n\n\n<p>\u30bf\u30a4\u30c8\u30eb\u30d0\u30fc\u306b\u306f\u30b9\u30bf\u30a4\u30eb\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u3042\u308a\u307e\u3059\u3002<br>\u305d\u308c\u4ee5\u5916\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u8a2d\u5b9a\u3057\u305f\u3044\u5834\u5408\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u624b\u9806\u3092\u53c2\u7167\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\uff01<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1619.png\" alt=\"\" class=\"wp-image-13491\" width=\"368\" height=\"357\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1619.png 417w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1619-300x291.png 300w\" sizes=\"(max-width: 368px) 100vw, 368px\" \/><figcaption class=\"wp-element-caption\">\u30b9\u30bf\u30a4\u30eb\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/figcaption><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u5b8c\u6210\u30a4\u30e1\u30fc\u30b8<\/h2>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-94250415 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-41ab6609\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"519\" height=\"501\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1620.png\" alt=\"\" class=\"wp-image-13492\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1620.png 519w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1620-300x290.png 300w\" sizes=\"(max-width: 519px) 100vw, 519px\" \/><figcaption class=\"wp-element-caption\">CSS\u9069\u7528\u524d<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-446e3aea\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"523\" height=\"502\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1621.png\" alt=\"\" class=\"wp-image-13493\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1621.png 523w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1621-300x288.png 300w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/><figcaption class=\"wp-element-caption\">CSS\u9069\u7528\u5f8c<\/figcaption><\/figure>\n<\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u624b\u9806<\/h2>\n\n\n\n<p>1.\u30a2\u30a6\u30c8\u30e9\u30a4\u30f3\u304b\u3089CSS\u3092\u958b\u304d\u3001\u7de8\u96c6\u3057\u305f\u3044\u30bf\u30a4\u30c8\u30eb\u30d0\u30fc\u306e\u30af\u30e9\u30b9\u3092\u30bb\u30ec\u30af\u30bf\u306b\u6307\u5b9a\u3057\u307e\u3059\u3002<br>\u3000\u80cc\u666f\u8272\u3068\u6587\u5b57\u8272\u3092\u5909\u66f4\u3059\u308bCSS\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.pd-container-title-bar {\n    background: #00f;\n    color: #fff;\n}<\/code><\/pre><\/div>\n\n\n\n<p>2.\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30dd\u30a4\u30f3\u30c8<\/h2>\n\n\n\n<p>\u8907\u6570\u914d\u7f6e\u3055\u308c\u305f\u30b3\u30f3\u30c6\u30ca\u306e\u3046\u3061\u3001\u7279\u5b9a\u306e\u30b3\u30f3\u30c6\u30ca\u306e\u307f\u306b\u9069\u7528\u3057\u305f\u3044\u5834\u5408\u306b\u306f\u3001\u30b3\u30f3\u30c6\u30ca\u306b\u4ed8\u4e0e\u3055\u308c\u3066\u3044\u308b\u30af\u30e9\u30b9\u3092\u30bb\u30ec\u30af\u30bf\u306e\u5148\u982d\u306b\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.CONTAINER-LUUL0C421PYC3ES083871 .pd-container-title-bar {\n    background: #00f;\n    color: #fff;\n}<\/code><\/pre><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"839\" height=\"420\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1622.png\" alt=\"\" class=\"wp-image-13494\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1622.png 839w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1622-300x150.png 300w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1622-768x384.png 768w\" sizes=\"(max-width: 839px) 100vw, 839px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-vk-blocks-alert alert alert-info\"><p><strong>\u30b3\u30f3\u30c6\u30ca\u306b\u4ed8\u4e0e\u3055\u308c\u3066\u3044\u308b\u30af\u30e9\u30b9\u3068\u306f\u2026<\/strong><br>Designer\u306e\u30da\u30fc\u30b8\u7de8\u96c6\u753b\u9762\u3067CSS\u3092\u9069\u7528\u3057\u305f\u3044\u30b3\u30f3\u30c6\u30ca\u3092\u9078\u629e\u3057\u305f\u72b6\u614b\u3067\u3001\u8a2d\u5b9a\u30d1\u30cd\u30eb\u306e\uff3b\u30b3\u30f3\u30c6\u30ca\u306e\u8a2d\u5b9a\uff3d\u914d\u4e0b\u306b\u8868\u793a\u3055\u308c\u3066\u3044\u308b\uff62ID\uff63\u3067\u3059\u3002<\/p><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"839\" height=\"498\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1623.png\" alt=\"\" class=\"wp-image-13495\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1623.png 839w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1623-300x178.png 300w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1623-768x456.png 768w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1623-540x320.png 540w\" sizes=\"(max-width: 839px) 100vw, 839px\" \/><\/figure>\n\n\n\n<p>\u4e0a\u8a18\u753b\u50cf\u306e\u5834\u5408\u30b0\u30e9\u30d5\u306e\u30b3\u30f3\u30c6\u30ca\u306b\u4ed8\u4e0e\u3055\u308c\u3066\u3044\u308b\u30af\u30e9\u30b9\u306f\u300cCONTAINER-LUUL0C421PYC3ES083871\u300d\u3067\u3042\u308b\u3053\u3068\u304c\u308f\u304b\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS\u89e3\u8aac<\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.pd-container-title-bar {\n    background: #00f;\n    color: #fff;\n}<\/code><\/pre><\/div>\n\n\n\n<p><code>background-color: #00f;<\/code>\uff1a\u3053\u306e\u5ba3\u8a00\u306f\u3001\u8981\u7d20\u306e\u80cc\u666f\u3092\u8a2d\u5b9a\u3059\u308b\u305f\u3081\u306b\u6307\u5b9a\u3057\u307e\u3059\u3002<br><code>color: #fff;<\/code> \uff1a\u3053\u306e\u5ba3\u8a00\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u306e\u8272\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6982\u8981 Designer\u306e\u30da\u30fc\u30b8\u4e0a\u306b\u914d\u7f6e\u3057\u305f\u30b3\u30f3\u30c6\u30ca\u306e\u30bf\u30a4\u30c8\u30eb\u30d0\u30fc\u80cc\u666f\u8272\u3068\u6587\u5b57\u8272\u3092\u5909\u66f4\u3059\u308b\u624b\u9806\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\uff01 \u30bf\u30a4\u30c8\u30eb\u30d0\u30fc\u306b\u306f\u30b9\u30bf\u30a4\u30eb\u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u304c\u3042\u308a\u307e\u3059\u3002\u305d\u308c\u4ee5\u5916\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u8a2d\u5b9a\u3057\u305f\u3044\u5834\u5408\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u624b\u9806\u3092\u53c2\u7167\u3057 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14225,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","_uag_custom_page_level_css":"","ub_ctt_via":""},"categories":[70,69],"tags":[],"qubely_featured_image_url":{"full":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"landscape":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"portraits":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1-511x320.jpeg",511,320,true],"thumbnail":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1-150x150.jpeg",150,150,true],"medium":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1-300x200.jpeg",300,200,true],"medium_large":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"large":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"1536x1536":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"2048x2048":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"qubely_landscape":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"qubely_portrait":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1-511x320.jpeg",511,320,true],"qubely_thumbnail":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1-140x100.jpeg",140,100,true]},"qubely_author":{"display_name":"\u7ba1\u7406\u8005","author_link":"https:\/\/fobi.ashisuto.co.jp\/tech\/author\/kkauser\/"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/fobi.ashisuto.co.jp\/tech\/category\/technical\/designer-css\/\" rel=\"category tag\">Designer\u3067\u4f7f\u3048\u308bCSS<\/a> <a href=\"https:\/\/fobi.ashisuto.co.jp\/tech\/category\/technical\/designer-css\/color-change\/\" rel=\"category tag\">Designer\u3067\u8272\u3092\u5909\u66f4\u3057\u305f\u3044<\/a>","featured_image_src":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg","author_info":{"display_name":"\u7ba1\u7406\u8005","author_link":"https:\/\/fobi.ashisuto.co.jp\/tech\/author\/kkauser\/"},"jetpack_featured_media_url":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg","uagb_featured_image_src":{"full":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"thumbnail":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1-150x150.jpeg",150,150,true],"medium":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1-300x200.jpeg",300,200,true],"medium_large":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"large":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"1536x1536":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"2048x2048":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"qubely_landscape":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1.jpeg",511,340,false],"qubely_portrait":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1-511x320.jpeg",511,320,true],"qubely_thumbnail":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/4c7023dcd41daf9adb3b3d95dec771bb_t-1-140x100.jpeg",140,100,true]},"uagb_author_info":{"display_name":"\u7ba1\u7406\u8005","author_link":"https:\/\/fobi.ashisuto.co.jp\/tech\/author\/kkauser\/"},"uagb_comment_info":0,"uagb_excerpt":"\u6982\u8981 Designer\u306e\u30da\u30fc\u30b8\u4e0a\u306b\u914d\u7f6e\u3057\u305f\u30b3\u30f3\u30c6\u30ca\u306e\u30bf\u30a4\u30c8\u30eb\u30d0\u30fc\u80cc\u666f\u8272\u3068\u6587\u5b57\u8272\u3092\u5909\u66f4\u3059\u308b\u624b\u9806\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\uff01&hellip;","_links":{"self":[{"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts\/13490"}],"collection":[{"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/comments?post=13490"}],"version-history":[{"count":4,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts\/13490\/revisions"}],"predecessor-version":[{"id":14226,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts\/13490\/revisions\/14226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/media\/14225"}],"wp:attachment":[{"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/media?parent=13490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/categories?post=13490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/tags?post=13490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}