{"id":13312,"date":"2024-04-30T15:31:49","date_gmt":"2024-04-30T06:31:49","guid":{"rendered":"https:\/\/fobi.ashisuto.co.jp\/tech\/?p=13312"},"modified":"2024-10-22T16:31:30","modified_gmt":"2024-10-22T07:31:30","slug":"post-13312","status":"publish","type":"post","link":"https:\/\/fobi.ashisuto.co.jp\/tech\/technical\/designer-css\/color-change\/post-13312\/","title":{"rendered":"Designer\u30da\u30fc\u30b8\u306e\u30dc\u30bf\u30f3\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3057\u3088\u3046\uff01"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u6982\u8981<\/h2>\n\n\n\n<p>Designer\u30da\u30fc\u30b8\u306b\u914d\u7f6e\u3059\u308b\u30dc\u30bf\u30f3\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5b9f\u884c\u7528\u306e\u30dc\u30bf\u30f3\u3084\u30d5\u30a3\u30eb\u30bf\u6761\u4ef6\u306e\u30ea\u30bb\u30c3\u30c8\u30dc\u30bf\u30f3\u306fCSS\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u88c5\u98fe\u53ef\u80fd\u3067\u3059\u3002<br>\u300c\u30c7\u30b6\u30a4\u30f3\u306f\u3053\u3060\u308f\u308a\u305f\u3044\uff01\u300d\u3001\u300c\u3082\u3063\u3068\u308f\u304b\u308a\u3084\u3059\u304f\u3057\u305f\u3044\uff01\u300d\u3068\u3044\u3063\u305f\u65b9\u306f\u3053\u3061\u3089\u306e\u8a18\u4e8b\u3092\u53c2\u8003\u306bCSS\u306e\u9069\u7528\u306b\u3082\u6311\u6226\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\uff01<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5b8c\u6210\u30a4\u30e1\u30fc\u30b8<\/h2>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-6\">\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"372\" height=\"65\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1572.png\" alt=\"\" class=\"wp-image-13325\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1572.png 372w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1572-300x52.png 300w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/><figcaption class=\"wp-element-caption\">CSS\u9069\u7528\u524d<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"330\" height=\"66\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1573.png\" alt=\"\" class=\"wp-image-13326\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1573.png 330w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1573-300x60.png 300w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><figcaption class=\"wp-element-caption\">CSS\u9069\u7528\u5f8c<\/figcaption><\/figure>\n<\/figure>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u624b\u9806<\/h2>\n\n\n\n<p>1.\u30da\u30fc\u30b8\u4e0a\u3067\u5229\u7528\u3057\u3066\u3044\u308b\u30dc\u30bf\u30f3\u3092\u9078\u629e\u3057\u3001\u4efb\u610f\u306e\u30af\u30e9\u30b9\u540d\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\uff08\u4f8b\uff1abtnorange\uff09<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1574.png\" alt=\"\" class=\"wp-image-13327\" width=\"568\" height=\"330\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1574.png 737w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1574-300x174.png 300w\" sizes=\"(max-width: 568px) 100vw, 568px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>2.\u30a2\u30a6\u30c8\u30e9\u30a4\u30f3\u304b\u3089CSS\u3092\u958b\u304d\u3001\u6307\u5b9a\u3057\u305f\u4efb\u610f\u306e\u30af\u30e9\u30b9\u3092\u30bb\u30ec\u30af\u30bf\u306b\u6307\u5b9a\u3057\u307e\u3059\u3002<br>   \u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308bCSS\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002<br>   \u203bID\u306f\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.btnorange div#ibx-aria-id-150 {\n  color: #fff;\n  background-color: #eb6100;\n}\n.btnorange div#ibx-aria-id-150:hover {\n  color: #fff;\n  background: #f58300;\n}<\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>3.\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"330\" height=\"66\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1573.png\" alt=\"\" class=\"wp-image-13326\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1573.png 330w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1573-300x60.png 300w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/figure>\n\n\n\n<p><\/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>.btnorange div#ibx-aria-id-150:hover {\n color: #fff;\n  background: #f58300;\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u30bb\u30ec\u30af\u30bf\u306e\u672b\u5c3e\u306b\u300c:hover\u300d\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u30ab\u30fc\u30bd\u30eb\u3092\u5f53\u3066\u305f\u969b\u306e\u5909\u5316\u3092\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6982\u8981 Designer\u30da\u30fc\u30b8\u306b\u914d\u7f6e\u3059\u308b\u30dc\u30bf\u30f3\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3057\u307e\u3059\u3002 \u5b9f\u884c\u7528\u306e\u30dc\u30bf\u30f3\u3084\u30d5\u30a3\u30eb\u30bf\u6761\u4ef6\u306e\u30ea\u30bb\u30c3\u30c8\u30dc\u30bf\u30f3\u306fCSS\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u88c5\u98fe\u53ef\u80fd\u3067\u3059\u3002\u300c\u30c7\u30b6\u30a4\u30f3\u306f\u3053\u3060\u308f\u308a\u305f\u3044\uff01\u300d\u3001\u300c\u3082\u3063\u3068\u308f\u304b\u308a\u3084\u3059\u304f\u3057\u305f\u3044\uff01\u300d\u3068\u3044\u3063\u305f\u65b9 [&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\u30da\u30fc\u30b8\u306b\u914d\u7f6e\u3059\u308b\u30dc\u30bf\u30f3\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3057\u307e\u3059\u3002 \u5b9f\u884c\u7528\u306e\u30dc\u30bf\u30f3\u3084\u30d5\u30a3\u30eb\u30bf\u6761\u4ef6\u306e\u30ea\u30bb\u30c3\u30c8\u30dc\u30bf&hellip;","_links":{"self":[{"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts\/13312"}],"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=13312"}],"version-history":[{"count":7,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts\/13312\/revisions"}],"predecessor-version":[{"id":13455,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts\/13312\/revisions\/13455"}],"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=13312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/categories?post=13312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/tags?post=13312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}