{"id":4647,"date":"2017-05-09T13:04:11","date_gmt":"2017-05-09T04:04:11","guid":{"rendered":"http:\/\/www.y-com.info\/contents\/?p=4647"},"modified":"2021-06-24T10:19:18","modified_gmt":"2021-06-24T01:19:18","slug":"%e3%82%b3%e3%83%94%e3%83%9a%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e3%83%86%e3%83%bc%e3%83%96%e3%83%ab%e7%b3%bbcss%e3%82%b9%e3%83%8b%e3%83%9a%e3%83%83%e3%83%88","status":"publish","type":"post","link":"https:\/\/y-com.info\/contents\/?p=4647","title":{"rendered":"\u30b3\u30d4\u30da\u3067\u4f7f\u3048\u308b\u30c6\u30fc\u30d6\u30eb\u7cfbCSS\u30b9\u30cb\u30da\u30c3\u30c8\u3002\u81ea\u7531\u306b\u304a\u4f7f\u3044\u304f\u3060\u3055\u3044\u3002"},"content":{"rendered":"

<\/a><\/span><\/p>\n

\n\u4f1a\u793e\u7528\u30e1\u30e2\u3067\u3059\u304c\u3001\u305b\u3063\u304b\u304f\u306a\u306e\u3067\u307b\u3057\u3044\u4eba\u304c\u3044\u305f\u3089CSS\u3068HTML\u3092\u3053\u3053\u306b\u7f6e\u304d\u307e\u3059\u306e\u3067\u81ea\u7531\u306b\u4f7f\u3063\u3066\u304f\u3060\u3055\u3044\u3002
\n\u30c7\u30b6\u30a4\u30f3\u304c\u82e6\u624b\u306a\u4eba\u3067\u3082\u3053\u308c\u3092\u30b3\u30d4\u30fc\u3057\u3066\u4f7f\u3048\u3070\u305d\u308c\u306a\u308a\u306b\u4f5c\u308c\u307e\u3059\u3002
\n\u307e\u3060\uff11\u500b\u3067\u3059\u304c\u30fb\u30fb\u30fb<\/p>\n

\u884c\u306e\u95a2\u4fc2\u3092\u610f\u8b58\u3057\u305f\u30b7\u30f3\u30d7\u30eb\u306a\u30c6\u30fc\u30d6\u30eb<\/h3>\n

\u30b7\u30f3\u30d7\u30eb\u306a\u30c6\u30fc\u30d6\u30eb\u3067\u3059\u3002
\n\u3054\u3061\u3083\u3054\u3061\u3083\u3055\u305b\u3066\u3082\u898b\u306b\u304f\u3044\u3060\u3051\u306a\u306e\u3067\u3001\u6599\u91d1\u8868\u3068\u304b\u884c\u3054\u3068\u304c\u91cd\u8981\u306b\u306a\u308b\u5834\u5408\u306f\u3053\u3093\u306a\u3082\u306e\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n

<\/span>CSS<\/h2>\n
\r\n.cmp_table_visual2 {\r\n  border: 1px solid #ddd;\r\n  width: 100%;\r\n  text-align: left;\r\n}\r\n.cmp_table_visual2 td, .cmp_table_visual2 th {\r\n  padding: 15px 15px;\r\n}\r\n.cmp_table_visual2 thead tr {\r\n  background-color: #91C16D;\r\n}\r\n.cmp_table_visual2 thead tr th {\r\n  color: #fff;\r\n  text-align: center;\r\n}\r\n.cmp_table_visual2 tfoot {\r\n  border-top: 1px solid #ddd;\r\n}\r\n.cmp_table_visual2 tbody tr th {\r\n  font-weight: bold;\r\n}\r\n.cmp_table_visual2 tbody tr:nth-of-type(2n) {\r\n  background: #f5f5f5;\r\n}\r\n<\/pre>\n
<\/span>HTML<\/h2>\n
\r\n<table class="cmp_table_visual2">\r\n    <thead>\r\n        <tr><th>\u30d8\u30c3\u30c0\u30fc<\/th><th>\u30d8\u30c3\u30c0\u30fc<\/th><th>\u30d8\u30c3\u30c0\u30fc<\/th><th>\u30d8\u30c3\u30c0\u30fc<\/th><th>\u30d8\u30c3\u30c0\u30fc<\/th><\/tr>\r\n    <\/thead>\r\n    <tfoot>\r\n        <tr><td>\u30d5\u30c3\u30bf\u30fc<\/td><td>\u30d5\u30c3\u30bf\u30fc<\/td><td>\u30d5\u30c3\u30bf\u30fc<\/td><td>\u30d5\u30c3\u30bf\u30fc<\/td><td>\u30d5\u30c3\u30bf\u30fc<\/td><\/tr>\r\n    <\/tfoot>\r\n    <tbody>\r\n        <tr><th>\u898b\u51fa\u3057<\/th><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><\/tr>\r\n        <tr><th>\u898b\u51fa\u3057<\/th><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><\/tr>\r\n        <tr><th>\u898b\u51fa\u3057<\/th><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><\/tr>\r\n        <tr><th>\u898b\u51fa\u3057<\/th><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><td>\u30bb\u30eb<\/td><\/tr>\r\n    <\/tbody>\r\n<\/table>\r\n<\/pre>\n
<\/span>\u7d50\u679c<\/h2>\n\n\n\n\n\n\n\n\n\n\n
\u30d8\u30c3\u30c0\u30fc<\/th>\n\u30d8\u30c3\u30c0\u30fc<\/th>\n\u30d8\u30c3\u30c0\u30fc<\/th>\n\u30d8\u30c3\u30c0\u30fc<\/th>\n\u30d8\u30c3\u30c0\u30fc<\/th>\n<\/tr>\n<\/thead>\n
\u30d5\u30c3\u30bf\u30fc<\/td>\n\u30d5\u30c3\u30bf\u30fc<\/td>\n\u30d5\u30c3\u30bf\u30fc<\/td>\n\u30d5\u30c3\u30bf\u30fc<\/td>\n\u30d5\u30c3\u30bf\u30fc<\/td>\n<\/tr>\n<\/tfoot>\n
\u898b\u51fa\u3057<\/th>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n<\/tr>\n
\u898b\u51fa\u3057<\/th>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n<\/tr>\n
\u898b\u51fa\u3057<\/th>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n<\/tr>\n
\u898b\u51fa\u3057<\/th>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n\u30bb\u30eb<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/section>\n\n\t
\n\t\t