{"id":49,"date":"2021-06-15T11:01:15","date_gmt":"2021-06-15T02:01:15","guid":{"rendered":"http:\/\/gaku-on.com\/?p=49"},"modified":"2021-06-15T11:01:15","modified_gmt":"2021-06-15T02:01:15","slug":"css%e3%81%a7%e3%83%8a%e3%83%8a%e3%83%a1%e3%81%ae%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9","status":"publish","type":"post","link":"http:\/\/gaku-on.com\/?p=49","title":{"rendered":"CSS\u3067\u30ca\u30ca\u30e1\u306e\u30dc\u30c3\u30af\u30b9"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>&lt;section class=\"section1\">\r\n\r\u30bb\u30af\u30b7\u30e7\u30f31\u3067\u3059\n&lt;\/section>\r\n \r\n&lt;section class=\"section2\">\r\n  &lt;h2>\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002\u30bb\u30af\u30b7\u30e7\u30f32\u3067\u3059\u3002&lt;\/h2>\r\n&lt;\/section><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">.section1 {<br>background-color: #fff;<br>color: #000;<br>padding: 50px 0 100px;<br>}<br>.section2 {<br>background-color: #B8D2ED;<br>color: #fff;<br>padding: 10px 0;<br>}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.section1 {<br>position: relative;<br>}<br>.section1::before {<br>border-color: transparent #B8D2ED transparent transparent;<br>border-style: solid;<br>border-width: 200px 100vw 0 0;<br>bottom: 0;<br>content: &#8220;&#8221;;<br>height: 0;<br>position: absolute;<br>}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>.section1 {background-col&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-49","post","type-post","status-publish","format-standard","hentry","category-css"],"_links":{"self":[{"href":"http:\/\/gaku-on.com\/index.php?rest_route=\/wp\/v2\/posts\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/gaku-on.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/gaku-on.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/gaku-on.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/gaku-on.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=49"}],"version-history":[{"count":1,"href":"http:\/\/gaku-on.com\/index.php?rest_route=\/wp\/v2\/posts\/49\/revisions"}],"predecessor-version":[{"id":50,"href":"http:\/\/gaku-on.com\/index.php?rest_route=\/wp\/v2\/posts\/49\/revisions\/50"}],"wp:attachment":[{"href":"http:\/\/gaku-on.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/gaku-on.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=49"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/gaku-on.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}