{"id":1592,"date":"2017-03-21T15:05:42","date_gmt":"2017-03-21T07:05:42","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=1592"},"modified":"2017-03-21T15:05:42","modified_gmt":"2017-03-21T07:05:42","slug":"css%e7%9b%b4%e6%8e%a5%e5%86%99%e5%87%ba%e5%b0%8f%e4%b8%89%e8%a7%92","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=1592","title":{"rendered":"css\u76f4\u63a5\u5199\u51fa\u5c0f\u4e09\u89d2"},"content":{"rendered":"

\u5728\u5f00\u53d1\u79fb\u52a8\u7aef\u9879\u76ee\u65f6\uff0c\u603b\u662f\u9047\u5230\u5f88\u591a\u5c0f\u4e09\u89d2\uff0c\u4e4b\u524d\u4e00\u76f4\u7528\u56fe\u7247\uff0c\u611f\u89c9\u597d\u9ebb\u70e6\uff0c\u4eca\u5929\u5c1d\u8bd5\u4e86\u76f4\u63a5\u7528CSS\u5199\u51fa\u5c0f\u4e09\u89d2\uff01
\n\u5148\u770b\u770b\u5982\u4f55\u5199\u51fa\u5404\u79cd\u5c0f\u4e09\u89d2\uff01<\/p>\n

<!DOCTYPE HTML>\r\n<html lang=\"en-US\">\r\n<head>\r\n        <meta charset=\"UTF-8\">\r\n        <title>qdabc.cn<\/title>\r\n        <style type=\"text\/css\">\r\n            div{ margin-bottom:20px;}\r\n               \/*\u7bad\u5934\u5411\u4e0a*\/\r\n                .arrow-up {\r\n                        width:0; \r\n                        height:0; \r\n                        border-left:30px solid transparent;\r\n                        border-right:30px solid transparent;\r\n                        border-bottom:30px solid #000;\r\n                }\r\n                        \r\n                 \/*\u7bad\u5934\u5411\u4e0b*\/\r\n                .arrow-down {\r\n                        width:0; \r\n                        height:0; \r\n                        border-left:30px solid transparent;\r\n                        border-right:30px solid transparent;\r\n                        border-top:30px solid #000;\r\n                }\r\n                        \r\n                 \/*\u7bad\u5934\u5411\u5de6*\/\r\n                .arrow-left {\r\n                        width:0; \r\n                        height:0; \r\n                        border-top:30px solid transparent;\r\n                        border-bottom:30px solid transparent; \r\n                        border-right:30px solid #000; \r\n                }\r\n                   \r\n                \/*\u7bad\u5934\u5411\u53f3*\/\r\n                .arrow-right {\r\n                        width:0; \r\n                        height:0; \r\n                        border-top:30px solid transparent;\r\n                        border-bottom: 30px solid transparent;\r\n                        border-left: 30px solid #000;\r\n                }\r\n                \r\n                .box{ width:300px; height:300px; background:#838383; position:relative;}\r\n                .box:after{\r\n                    position:absolute;\r\n                        right:-20px;\r\n                        top:10px;\r\n                    display:block;\r\n                        content:\"\";\r\n                    width:0; \r\n                        height:0; \r\n                        border-top:20px solid transparent;\r\n                        border-bottom: 20px solid transparent;\r\n                        border-left: 20px solid #838383;\r\n                }\r\n                \r\n        <\/style>\r\n<\/head>\r\n<body>\r\n        \r\n        <div class=\"arrow-up\">\r\n     <!--\u5411\u4e0a\u7684\u4e09\u89d2-->\r\n        <\/div>\r\n        <div class=\"arrow-down\">\r\n                <!--\u5411\u4e0b\u7684\u4e09\u89d2-->\r\n        <\/div>\r\n        <div class=\"arrow-left\">\r\n                <!--\u5411\u5de6\u7684\u4e09\u89d2-->\r\n        <\/div>\r\n        <div class=\"arrow-right\">\r\n                <!--\u5411\u53f3\u7684\u4e09\u89d2-->\r\n        <\/div>\r\n        \r\n        <div class=\"box\">\r\n                 :after \u4f2a\u5143\u7d20\u5728\u5143\u7d20\u4e4b\u540e\u6dfb\u52a0\u5185\u5bb9\u5b9e\u73b0\u5c0f\u4e09\u89d2\r\n        <\/div>\r\n        \r\n        \r\n<\/body>\r\n<\/html><\/pre>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » css\u76f4\u63a5\u5199\u51fa\u5c0f\u4e09\u89d2<\/a><\/p>","protected":false},"excerpt":{"rendered":"
\u5728\u5f00\u53d1\u79fb\u52a8\u7aef\u9879\u76ee\u65f6\uff0c\u603b\u662f\u9047\u5230\u5f88\u591a\u5c0f\u4e09\u89d2\uff0c\u4e4b\u524d\u4e00\u76f4\u7528\u56fe\u7247\uff0c\u611f\u89c9\u597d\u9ebb\u70e6\uff0c\u4eca\u5929\u5c1d\u8bd5\u4e86\u76f4\u63a5\u7528CSS\u5199\u51fa\u5c0f\u4e09\u89d2\uff01 \u5148\u770b\u770b\u5982\u4f55\u5199\u51fa\u5404\u79cd\u5c0f\u4e09\u89d2\uff01 <!DOCTYPE HTML> <html lan […]<\/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":[28,217],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1592"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1592"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1592\/revisions"}],"predecessor-version":[{"id":1593,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1592\/revisions\/1593"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1592"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}