{"author_name":"kikiki-kiki","provider_name":"Hatena Blog","url":"https://chaika.hatenablog.com/entry/2022/10/26/083000","title":"CSS \u3060\u3051\u3067\u30bf\u30d6\u3092\u4f5c\u308b\u305e\uff01","blog_title":"\u304b\u3082\u30e1\u30e2","height":"190","categories":["CSS","PostCSS","HTML"],"version":"1.0","image_url":"https://m.media-amazon.com/images/I/31C4E8n0eWL._SL500_.jpg","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2022%2F10%2F26%2F083000\" title=\"CSS \u3060\u3051\u3067\u30bf\u30d6\u3092\u4f5c\u308b\u305e\uff01 - \u304b\u3082\u30e1\u30e2\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","description":"input[type=\"radio\"] \u3092\u5229\u7528\u3057\u305f CSS \u3060\u3051\u3067\u4f5c\u308b\u30bf\u30d6 \u4f5c\u3063\u305f\u3084\u3064\uff01 See the Pen Tab without JavaScript by KIKIKI (@kikiki_kiki) on CodePen. HTML <div class=\"tab\"> <input type=\"radio\" id=\"tab1\" name=\"tab\" checked /> <input type=\"radio\" id=\"tab2\" name=\"tab\" /> <input type=\"radio\" id=\"tab3\" name=\"tab\" /> <nav class=\"tabButto\u2026","width":"100%","type":"rich","published":"2022-10-26 08:30:00","author_url":"https://blog.hatena.ne.jp/kikiki-kiki/","blog_url":"https://chaika.hatenablog.com/","provider_url":"https://hatena.blog"}