{"id":16,"date":"2005-11-22T23:48:47","date_gmt":"2005-11-22T15:48:47","guid":{"rendered":"https:\/\/swf.com.tw\/?p=16"},"modified":"2013-01-13T04:11:24","modified_gmt":"2013-01-12T20:11:24","slug":"css%e5%85%a5%e9%96%80%ef%bc%88%e4%ba%8c%ef%bc%89%ef%bc%9a%e5%bb%ba%e7%ab%8b%e5%b0%8e%e8%a6%bd%e5%88%97","status":"publish","type":"post","link":"https:\/\/swf.com.tw\/?p=16","title":{"rendered":"CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217"},"content":{"rendered":"<p><strong>CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217<\/strong><br \/>\n\u6587\u2215\u8d99\u82f1\u5091<\/p>\n<p>\u672c\u6587\u5c07\u8aaa\u660e\u5982\u4f55\u900f\u904eCSS\u6a23\u5f0f\uff0c\u628a\u6e05\u55ae\uff08list\uff09\u6587\u5b57\u8abf\u6574\u6210\u5e95\u4e0b\u7684\u986f\u793a\u5916\u89c0\uff0c\u7576\u6210\u5c0e\u89bd\u5217\u4f7f\u7528\u3002<\/p>\n<p align=\"center\"><strong><img decoding=\"async\" loading=\"lazy\" src=\"\/images\/CSS\/css2.gif\" alt=\"\u4f7f\u7528CSS\u6a23\u5f0f\u8a2d\u5b9a\u7684\u6e05\u55ae\u6587\u5b57\" width=\"350\" height=\"32\" \/><\/strong><\/p>\n<p>\u6e05\u55ae\u6587\u5b57\u63a1\u7528&lt;ul&gt;\u6a19\u7c64\u5b9a\u7fa9\u6e05\u55ae\u7684\u7bc4\u570d\uff0c\u4e26\u4f7f\u7528&lt;li&gt;\u6a19\u7c64\u5b9a\u7fa9\u500b\u5225\u9805\u76ee\uff0c\u4f8b\u5982\uff1a<\/p>\n<pre>&lt;ul&gt;\r\n &lt;li&gt;\u9996\u9801&lt;\/li&gt;\r\n &lt;li&gt;\u6539\u9020\u904a\u6a02\u5668&lt;\/li&gt;\r\n &lt;li&gt;\u806f\u7e6b\u6211\u5011&lt;\/li&gt;\r\n&lt;\/ul&gt;<\/pre>\n<p>\u5c07\u7522\u751f\u5982\u4e0b\u7684\u6e05\u55ae\u6587\u5b57\uff1a<\/p>\n<p align=\"center\"><strong><img decoding=\"async\" loading=\"lazy\" src=\"\/images\/CSS\/css3.gif\" alt=\"\u6e05\u55ae\u6587\u5b57\" width=\"148\" height=\"61\" \/><\/strong><\/p>\n<p>\u5e95\u4e0b\u662f\u66ff\u6bcf\u500b\u6e05\u55ae\u6587\u5b57\u52a0\u4e0a\u8d85\u9023\u7d50\uff08&lt;a&gt;\u6a19\u7c64\uff09\u7684HTML\u539f\u59cb\u78bc\uff1a<\/p>\n<pre>&lt;ul&gt;\r\n &lt;li&gt;&lt;a href=\"#\"&gt;\u9996\u9801&lt;\/a&gt;&lt;\/li&gt;\r\n &lt;li&gt;&lt;a href=\"#\"&gt;\u6539\u9020\u904a\u6a02\u5668&lt;\/a&gt;&lt;\/li&gt;\r\n &lt;li&gt;&lt;a href=\"#\"&gt;\u806f\u7e6b\u6211\u5011&lt;\/a&gt;&lt;\/li&gt;\r\n&lt;\/ul&gt;<\/pre>\n<p>\u8a2d\u5b9a\u7db2\u9801\u5167\u5bb9\u7684CSS\u6a23\u5f0f\u4e4b\u524d\uff0c\u6211\u5011\u901a\u5e38\u6703<strong>\u63a1\u7528 &lt;div&gt; \u6a19\u7c64\u5b9a\u7fa9\u7db2\u9801\u7248\u9762\u7684\u5340\u584a\u7bc4\u570d<\/strong>\uff0c\u4f8b\u5982\uff0c\u628a\u4e0a\u8ff0\u7684\u6e05\u55ae\u5143\u7d20\u5b9a\u7fa9\u6210\u540d\u53eb\u201cnavi\u201d\u5340\u584a\uff0c\u5176HTML\u8a9e\u6cd5\u5982\u4e0b\uff1a<\/p>\n<pre><strong>&lt;div  id=\"navi\"&gt;<\/strong>\r\n &lt;ul&gt;\r\n  &lt;li&gt;&lt;a href=\"#\"&gt;\u9996\u9801&lt;\/a&gt;&lt;\/li&gt;\r\n  &lt;li&gt;&lt;a href=\"#\"&gt;\u6539\u9020\u904a\u6a02\u5668&lt;\/a&gt;&lt;\/li&gt;\r\n  &lt;li&gt;&lt;a href=\"#\"&gt;\u806f\u7e6b\u6211\u5011&lt;\/a&gt;&lt;\/li&gt;\r\n &lt;\/ul&gt;\r\n<strong>&lt;\/div&gt;<\/strong><\/pre>\n<p>\u5982\u6b64\uff0c\u8a72\u6e05\u55ae\u6587\u5b57\u5340\u57df\u5c07\u80fd\u88ab\u7a31\u505a\u201cnavi\u201d\u3002\u9996\u5148\u628a navi \u5340\u57df\u7684\u5bec\u5ea6\uff08width\uff09\u8a2d\u5b9a\u6210 650 \u50cf\u7d20\uff08\u5982\u679c\u5c0e\u89bd\u5217\u7684\u9805\u76ee\u4e0d\u591a\uff0c\u53ef\u4ee5\u8a2d\u5b9a\u6210\u7a84\u4e00\u9ede\u7684\u6578\u503c\uff09\uff1a<\/p>\n<pre>&lt;style type=\"text\/css\"&gt;\r\n#navi {\r\n  width:650px;\r\n}\r\n&lt;\/style&gt;<\/pre>\n<p>\u7136\u5f8c\u6307\u5b9a navi \u5340\u57df\u4e2d\uff0cul \u5340\u57df\u88e1\u7684 li \u5143\u7d20\u7684\u6a23\u5f0f\u3002\u8acb\u6ce8\u610f\u5e95\u4e0b\u7684\u5beb\u6cd5\uff0c<strong>\u53ea\u6709\u7b26\u5408\u9019\u7a2e\u968e\u5c64\u67b6\u69cb\u7684 li  \u5143\u7d20\uff08navi &gt; ul &gt; li \uff09\u6703\u5957\u7528\u6b64\u6a23\u5f0f<\/strong>\uff0c\u7db2\u9801\u5176\u4ed6\u90e8\u5206\u7684&lt;li&gt;\u6a19\u7c64\u6a23\u5f0f\u5c07\u7dad\u6301\u4e0d\u8b8a\uff1a<\/p>\n<pre><strong>#navi ul li<\/strong> {\r\n \/* \u8a2d\u5b9a\u6e05\u55ae\u6587\u5b57\u7bc4\u570d\u7684\u5bec\u5ea6 *\/\r\n width:150px;\r\n \/* \u8b93\u6e05\u55ae\u6587\u5b57\u5c45\u4e2d\u5c0d\u9f4a *\/\r\n text-align:center;\r\n \/* \u53bb\u9664\u6e05\u55ae\u6587\u5b57\u524d\u9762\u7684\u5c0f\u5713\u9ede*\/\r\n list-style-type:none;\r\n \/* \u8a2d\u5b9a\u80cc\u666f\u8272 *\/\r\n background-color:#FF9900;\r\n}<\/pre>\n<p>\u63a5\u8457\u5b9a\u7fa9 navi \u5340\u57df\u4e2d\uff0cul \u5340\u57df\u88e1\u7684 li \u5143\u7d20\u5f8c\u9762\u7684\u8d85\u9023\u7d50\u6587\u5b57\uff08&lt;a&gt;\u6a19\u7c64\uff09\u7684<strong>\u4e00\u822c\u9023\u7d50\uff08link\uff09<\/strong>\u3001<strong>\u5df2\u67e5\u95b1\uff08visited\uff09<\/strong>\u3001<strong>\u6ed1\u5165\uff08hover\uff09<\/strong>\u548c<strong>\u4f5c\u7528\u4e2d\uff08active\uff09<\/strong>\u7684\u6a23\u5f0f\uff0c\u5c07\u5b83\u5011\u5168\u90fd\u8a2d\u5b9a\u6210\u767d\u8272\u3001\u6c92\u6709\u5e95\u7dda\uff1a<\/p>\n<pre>\r\n#navi ul li a:link {\r\n color:#FFFFFF;\r\n text-decoration:none;\r\n}\r\n#navi ul li a:visited {\r\n color:#FFFFFF;\r\n text-decoration:none;\r\n}\r\n#navi ul li a:hover {\r\n \/* \u6587\u5b57\u70ba\u767d\u8272 *\/\r\n color:#FFFFFF;\r\n \/* \u6587\u5b57\u6c92\u6709\u88dd\u98fe\uff08\u5e95\u7dda\uff09 *\/\r\n text-decoration:none;\r\n \/* \u80cc\u666f\u70ba\u6a59\u7d05\u8272 *\/\r\n background-color:#FF6600;\r\n}\r\n#navi ul li a:active {\r\n color:#FFFFFF;\r\n text-decoration:none;\r\n}<\/pre>\n<p>\u5230\u6b64\uff0cnavi \u5340\u57df\u7684\u6e05\u55ae\u6587\u5b57\u5c07\u5448\u73fe\u4e0b\u5716\u7684\u5916\u89c0\uff0c\u5982\u60a8\u6240\u898b\uff0c\u6ed1\u5165\u8d85\u9023\u7d50\u6642\u7522\u751f\u7684\u80cc\u666f\u8272\u8b8a\u63db\u6548\u679c\uff0c\u50c5\u9650\u65bc\u8d85\u9023\u7d50\u6587\u5b57\u672c\u8eab\uff1a<\/p>\n<p align=\"center\"><img decoding=\"async\" loading=\"lazy\" src=\"\/images\/CSS\/css4.gif\" alt=\"\u6e05\u55ae\u6587\u5b57\" width=\"194\" height=\"102\" \/><\/p>\n<p>\u70ba\u4e86\u8b93navi &gt;  ul &gt; ui &gt; a\u8d85\u9023\u7d50\u5143\u7d20\u7684\u80cc\u666f\u8272\u7684<strong>\u986f\u793a\uff08<\/strong><strong>display<\/strong><strong>\uff09<\/strong>\u6a21\u5f0f\u80fd\u5145\u6eff\u6574\u500b\u5340\u57df\uff0c\u4e26\u4e14\u589e\u52a0\u8d85\u9023\u7d50\u6587\u5b57\u8207\u908a\u6846\u7684<strong>\u9593\u9694\uff08<\/strong><strong>padding<\/strong><strong>\uff09<\/strong>\uff0c\u8acb\u52a0\u5165\u5e95\u4e0b\u7684CSS\u5b9a\u7fa9\uff1a<\/p>\n<pre>#navi ul li a {\r\n \/* \u5145\u6eff\u6574\u500b\u5340\u584a *\/\r\n display:block; \r\n \/* \u64f4\u5927\u5340\u57df\u5167\u90e8\u7a7a\u9593 *\/\r\n padding:5px;\r\n}<\/pre>\n<p>\u76ee\u524d\u6240\u8a2d\u5b9a\u7684\u6e05\u55ae\u6a23\u5f0f\u5c07\u5728 IE  6.0 \u700f\u89bd\u5668\u986f\u793a\u6210\uff1a<\/p>\n<p align=\"center\"><img decoding=\"async\" loading=\"lazy\" src=\"\/images\/CSS\/css5.gif\" alt=\"\u6e05\u55ae\u6587\u5b57\" width=\"200\" height=\"140\" \/><\/p>\n<p>\u6700\u5f8c\u900f\u904e<strong>float<\/strong>\uff08\u6d6e\u52d5\uff0c\u8acb\u53c3\u95b1<strong><a href=\"https:\/\/swf.com.tw\/?page_id=20#dw2004\">\u300aDreamweaver 2004\u4e2d\u6587\u7248\u7db2\u9801\u8a2d\u8a08\u5bf6\u5178\u300b<\/a><\/strong>\u66f8\u672c 9-29 \u9801\u300c\u6587\u5b57\u7684\u74b0\u7e5e\u6392\u5f0f\u6548\u679c\u300d\uff09\u6a23\u5f0f\uff0c\u8b93\u5404\u500b\u6e05\u55ae\u5143\u7d20\u9760\u5de6\u5c0d\u9f4a\uff0c\u4e26\u4e14\u4f7f\u7528<strong>border-bottom<\/strong><strong>\uff08\u908a\u6846\u5e95\u90e8\uff09<\/strong>\u6a23\u5f0f\u5728\u6bcf\u500b\u6e05\u55ae\u5143\u7d20\u5e95\u4e0b\u52a0\u4e0a\u7070\u8272\u7684\u88dd\u98fe\u7dda\u689d\uff0c\u4ee5\u53ca\u63a1\u7528<strong>margin-right<\/strong><strong>\uff08\u53f3\u908a\u7559\u767d\uff09<\/strong>\u6a23\u5f0f\uff0c\u8b93\u6bcf\u500b\u6e05\u55ae\u5143\u7d20\u7684\u53f3\u908a\u90fd\u9918\u75591\u500b\u50cf\u7d20\u5bec\u3002<\/p>\n<pre>#navi ul li{\r\n width:150px;\r\n text-align:center;\r\n list-style-type:none;\r\n background-color:#FF9900;\r\n \/* \u8b93\u5404\u500b\u6e05\u55ae\u5143\u7d20\u9760\u5de6\u5c0d\u9f4a *\/\r\n float:left; \r\n \/* \u8a2d\u5b9a\u908a\u6846\u5e95\u90e8\u7684\u6a23\u5f0f *\/\r\n border-bottom:#CCCCCC solid 3px;\r\n \/* \u53f3\u908a\u7559\u767d1\u50cf\u7d20 *\/\r\n margin-right:1px;\r\n}<\/pre>\n<p>\u6700\u5f8c\u7684\u7d50\u679c\u5982\u4e0b\uff1a<\/p>\n<p align=\"center\"><strong><img decoding=\"async\" loading=\"lazy\" src=\"\/images\/CSS\/css2.gif\" alt=\"\u4f7f\u7528CSS\u6a23\u5f0f\u8a2d\u5b9a\u7684\u6e05\u55ae\u6587\u5b57\" width=\"350\" height=\"32\" \/><\/strong><\/p>\n<p align=\"left\">\u4e0b\u8f09<a href=\"\/files\/CSS\/navi.zip\">\u5b8c\u6210\u7684\u7bc4\u4f8b\u6a94<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p><strong>CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217<\/strong><br \/>\n\u6587\u2215\u8d99\u82f1\u5091<\/p>\n<p>\u672c\u6587\u5c07\u8aaa\u660e\u5982\u4f55\u900f\u904eCSS\u6a23\u5f0f\uff0c\u628a\u6e05\u55ae\uff08list\uff09\u6587\u5b57\u8abf\u6574\u6210\u5e95\u4e0b\u7684\u986f\u793a\u5916\u89c0\uff0c\u7576\u6210\u5c0e\u89bd\u5217\u4f7f\u7528\u3002<\/p>\n<p align=\"center\"><strong><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/CSS\/css2.gif\" alt=\"\u4f7f\u7528CSS\u6a23\u5f0f\u8a2d\u5b9a\u7684\u6e05\u55ae\u6587\u5b57\" width=\"350\" height=\"32\" \/><\/strong><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[9,3],"tags":[],"class_list":["post-16","post","type-post","status-publish","format-standard","hentry","category-css","category-3"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217 - \u8d85\u5716\u89e3\u7cfb\u5217\u5716\u66f8<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/swf.com.tw\/?p=16\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005:\" \/>\n\t<meta name=\"twitter:data1\" content=\"cubie\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/swf.com.tw\\\/?p=16#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/swf.com.tw\\\/?p=16\"},\"author\":{\"name\":\"cubie\",\"@id\":\"https:\\\/\\\/swf.com.tw\\\/#\\\/schema\\\/person\\\/24480fda9184aa137df8f05d79bc2f57\"},\"headline\":\"CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217\",\"datePublished\":\"2005-11-22T15:48:47+00:00\",\"dateModified\":\"2013-01-12T20:11:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/swf.com.tw\\\/?p=16\"},\"wordCount\":62,\"commentCount\":10,\"publisher\":{\"@id\":\"https:\\\/\\\/swf.com.tw\\\/#organization\"},\"articleSection\":[\"CSS\u6a23\u5f0f\u8868\",\"\u6559\u5b78\u6587\u4ef6\"],\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/swf.com.tw\\\/?p=16#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/swf.com.tw\\\/?p=16\",\"url\":\"https:\\\/\\\/swf.com.tw\\\/?p=16\",\"name\":\"CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217 - \u8d85\u5716\u89e3\u7cfb\u5217\u5716\u66f8\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/swf.com.tw\\\/#website\"},\"datePublished\":\"2005-11-22T15:48:47+00:00\",\"dateModified\":\"2013-01-12T20:11:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/swf.com.tw\\\/?p=16#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/swf.com.tw\\\/?p=16\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/swf.com.tw\\\/?p=16#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/swf.com.tw\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/swf.com.tw\\\/#website\",\"url\":\"https:\\\/\\\/swf.com.tw\\\/\",\"name\":\"\u8d85\u5716\u89e3\u7cfb\u5217\u5716\u66f8\",\"description\":\"Arduino+Python+JavaScript+\u7a0b\u5f0f\u8a2d\u8a08+\u786c\u9ad4DIY\",\"publisher\":{\"@id\":\"https:\\\/\\\/swf.com.tw\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/swf.com.tw\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/swf.com.tw\\\/#organization\",\"name\":\"\u8d85\u5716\u89e3\u7cfb\u5217\u5716\u66f8\",\"url\":\"https:\\\/\\\/swf.com.tw\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/swf.com.tw\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/swf.com.tw\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo_bat.png\",\"contentUrl\":\"https:\\\/\\\/swf.com.tw\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo_bat.png\",\"width\":71,\"height\":65,\"caption\":\"\u8d85\u5716\u89e3\u7cfb\u5217\u5716\u66f8\"},\"image\":{\"@id\":\"https:\\\/\\\/swf.com.tw\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/swf.com.tw\\\/#\\\/schema\\\/person\\\/24480fda9184aa137df8f05d79bc2f57\",\"name\":\"cubie\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c77b6f4d3b4ccdcdc343aeee53301c212f54787c43bd2ebf6648bf74ff59b474?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c77b6f4d3b4ccdcdc343aeee53301c212f54787c43bd2ebf6648bf74ff59b474?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c77b6f4d3b4ccdcdc343aeee53301c212f54787c43bd2ebf6648bf74ff59b474?s=96&d=retro&r=g\",\"caption\":\"cubie\"},\"sameAs\":[\"https:\\\/\\\/swf.com.tw\"],\"url\":\"https:\\\/\\\/swf.com.tw\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217 - \u8d85\u5716\u89e3\u7cfb\u5217\u5716\u66f8","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/swf.com.tw\/?p=16","twitter_misc":{"\u4f5c\u8005:":"cubie","\u9810\u4f30\u95b1\u8b80\u6642\u9593":"1 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/swf.com.tw\/?p=16#article","isPartOf":{"@id":"https:\/\/swf.com.tw\/?p=16"},"author":{"name":"cubie","@id":"https:\/\/swf.com.tw\/#\/schema\/person\/24480fda9184aa137df8f05d79bc2f57"},"headline":"CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217","datePublished":"2005-11-22T15:48:47+00:00","dateModified":"2013-01-12T20:11:24+00:00","mainEntityOfPage":{"@id":"https:\/\/swf.com.tw\/?p=16"},"wordCount":62,"commentCount":10,"publisher":{"@id":"https:\/\/swf.com.tw\/#organization"},"articleSection":["CSS\u6a23\u5f0f\u8868","\u6559\u5b78\u6587\u4ef6"],"inLanguage":"zh-TW","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/swf.com.tw\/?p=16#respond"]}]},{"@type":"WebPage","@id":"https:\/\/swf.com.tw\/?p=16","url":"https:\/\/swf.com.tw\/?p=16","name":"CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217 - \u8d85\u5716\u89e3\u7cfb\u5217\u5716\u66f8","isPartOf":{"@id":"https:\/\/swf.com.tw\/#website"},"datePublished":"2005-11-22T15:48:47+00:00","dateModified":"2013-01-12T20:11:24+00:00","breadcrumb":{"@id":"https:\/\/swf.com.tw\/?p=16#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/swf.com.tw\/?p=16"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/swf.com.tw\/?p=16#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/swf.com.tw\/"},{"@type":"ListItem","position":2,"name":"CSS\u5165\u9580\uff08\u4e8c\uff09\uff1a\u5efa\u7acb\u5c0e\u89bd\u5217"}]},{"@type":"WebSite","@id":"https:\/\/swf.com.tw\/#website","url":"https:\/\/swf.com.tw\/","name":"\u8d85\u5716\u89e3\u7cfb\u5217\u5716\u66f8","description":"Arduino+Python+JavaScript+\u7a0b\u5f0f\u8a2d\u8a08+\u786c\u9ad4DIY","publisher":{"@id":"https:\/\/swf.com.tw\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/swf.com.tw\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/swf.com.tw\/#organization","name":"\u8d85\u5716\u89e3\u7cfb\u5217\u5716\u66f8","url":"https:\/\/swf.com.tw\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/swf.com.tw\/#\/schema\/logo\/image\/","url":"https:\/\/swf.com.tw\/wp-content\/uploads\/2019\/10\/logo_bat.png","contentUrl":"https:\/\/swf.com.tw\/wp-content\/uploads\/2019\/10\/logo_bat.png","width":71,"height":65,"caption":"\u8d85\u5716\u89e3\u7cfb\u5217\u5716\u66f8"},"image":{"@id":"https:\/\/swf.com.tw\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/swf.com.tw\/#\/schema\/person\/24480fda9184aa137df8f05d79bc2f57","name":"cubie","image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/secure.gravatar.com\/avatar\/c77b6f4d3b4ccdcdc343aeee53301c212f54787c43bd2ebf6648bf74ff59b474?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c77b6f4d3b4ccdcdc343aeee53301c212f54787c43bd2ebf6648bf74ff59b474?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c77b6f4d3b4ccdcdc343aeee53301c212f54787c43bd2ebf6648bf74ff59b474?s=96&d=retro&r=g","caption":"cubie"},"sameAs":["https:\/\/swf.com.tw"],"url":"https:\/\/swf.com.tw\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/swf.com.tw\/index.php?rest_route=\/wp\/v2\/posts\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swf.com.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/swf.com.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/swf.com.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swf.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":0,"href":"https:\/\/swf.com.tw\/index.php?rest_route=\/wp\/v2\/posts\/16\/revisions"}],"wp:attachment":[{"href":"https:\/\/swf.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/swf.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=16"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/swf.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}