{"id":1069,"date":"2019-09-26T17:07:28","date_gmt":"2019-09-26T09:07:28","guid":{"rendered":"http:\/\/jilin.hydesign.tw\/?p=1069"},"modified":"2022-03-18T15:50:04","modified_gmt":"2022-03-18T07:50:04","slug":"css-lists","status":"publish","type":"post","link":"http:\/\/jilin.hydesign.tw\/index.php\/2019\/09\/26\/css-lists\/","title":{"rendered":"CSS Lists \u9805\u76ee"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>\u8a2d\u5b9a\u503c<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>list-style<\/td><td>\u8a2d\u5b9a\u5217\u8868\u5c6c\u6027<\/td><\/tr><tr><td>list-style-type<\/td><td>\u8a2d\u5b9a\u5217\u8868icon\u6a23\u5f0f<\/td><\/tr><tr><td>list-style-image<\/td><td>\u8a2d\u5b9a\u5217\u8868icon\u5716\u7247\u6a23\u5f0f<\/td><\/tr><tr><td>list-style-position<\/td><td>\u8a2d\u5b9a\u5217\u8868\u7e2e\u6392<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">list-style-type <\/h2>\n\n\n\n<p>\u8a2d\u5b9a\u6709\u7121icon\uff0c\u8207icon\u6a23\u5f0f<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/*\u7a7a\u5fc3\u5708*\/\nul.a {\n  list-style-type: circle; \n}\n\/*\u5be6\u5fc3\u65b9*\/\nul.b {\n  list-style-type: square;\n}\n\/*\u7f85\u99ac\u6578\u5b57*\/\nol.c {\n  list-style-type: upper-roman;\n}\n\/*\u82f1\u6587\u9806\u5e8f*\/\nol.d {\n  list-style-type: lower-alpha;\n}<\/pre>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">list-style-image <\/h2>\n\n\n\n<p>\u8a2d\u5b9a\u9805\u76ee\u5716\u7247icon<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">ul {\n  list-style-image: url('sqpurple.gif');\n}<\/pre>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">list-style-position <\/h2>\n\n\n\n<p>\u8a2d\u5b9a\u7e2e\u6392<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/*\u6574\u9ad4\u7e2e\u6392\u5c0d\u9f4a*\/\nul.a {\n  list-style-position: outside;\n}\n\/*\u7b2c\u4e00\u884c\u7e2e\u6392*\/\nul.b {\n  list-style-position: inside;\n}<\/pre>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">\u261e \u7bc4\u4f8b<\/h2>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/* css\u7bc4\u4f8b-ul *\/\nul {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\nul {\n  list-style: square inside url(\"sqpurple.gif\");\n}<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/* css\u7bc4\u4f8b-list\u5e95\u8272 *\/\nol {\n  background: #ff9999;\n  padding: 20px;\n}\n\nul {\n  background: #3399ff;\n  padding: 20px;\n}\n\nol li {\n  background: #ffe5e5;\n  color: darkred;\n  padding: 5px;\n  margin-left: 35px;\n}\n\nul li {\n  background: #cce5ff;\n  color: darkblue;\n  margin: 5px;\n}<\/pre>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u8a2d\u5b9a\u503c list-style \u8a2d\u5b9a\u5217\u8868\u5c6c\u6027 list-style-type \u8a2d\u5b9a\u5217\u8868icon\u6a23\u5f0f list-s&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,12,4],"tags":[],"class_list":["post-1069","post","type-post","status-publish","format-standard","hentry","category-css","category-front-end","category-notes"],"_links":{"self":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/comments?post=1069"}],"version-history":[{"count":40,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1069\/revisions"}],"predecessor-version":[{"id":6910,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1069\/revisions\/6910"}],"wp:attachment":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/media?parent=1069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/categories?post=1069"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/tags?post=1069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}