{"id":67746,"date":"2017-02-24T02:06:52","date_gmt":"2017-02-23T18:06:52","guid":{"rendered":"http:\/\/www.xiaoyebailong.com\/?p=67746"},"modified":"2017-02-26T02:09:17","modified_gmt":"2017-02-25T18:09:17","slug":"%e7%ba%afcss%e5%ae%9e%e7%8e%b0%e5%b0%8f%e7%ae%ad%e5%a4%b4%e7%9a%84%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"http:\/\/www.xiaoyebailong.com\/index.php\/2017\/02\/24\/67746.htm","title":{"rendered":"\u7eafCSS\u5b9e\u73b0\u5c0f\u7bad\u5934\u7684\u65b9\u6cd5"},"content":{"rendered":"

\u6211\u4eec\u5927\u591a\u6570\u7684\u5c0f\u7bad\u5934\u90fd\u662f\u7528\u5c0f\u56fe\u7247\u6765\u505a\u7684\uff0c\u8fd9\u91cc\u5206\u4eab\u4e00\u6b3e\u7528\u7eafCSS\u5199\u7684\u5c0f\u7bad\u5934\uff0c\u5927\u5bb6\u53ef\u4ee5\u770b\u770b\uff0c\u4ee5\u540e\u4f1a\u653e\u51fa\u66f4\u591a\u7684CSS\u5c0f\u7bad\u5934\u6765\u4f9b\u5927\u5bb6\u53c2\u8003\u3002<\/p>\n

\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12\r\n13\r\n14\r\n15\r\n16\r\n17\r\n18\r\n19\r\n20\r\n21\r\n22\r\n23\r\n24\r\n25\r\n26\r\n27\r\n28\r\n29\r\n30\r\n31\r\n32\r\n33\r\n34\r\n35\r\n36\r\n37\r\n38\r\n39\r\n40\r\n41\r\n42\r\n43\r\n44\r\n45\r\n46\r\n<\/pre>\n<\/td>\n
\n
<div class=\"pre-wrap\">\r\n    <div class=\"pre\">\r\n        <div class=\"pre1\"><\/div>\r\n        <div class=\"pre2\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n<style>\r\n\t.pre-wrap {\r\n\twidth: 200px;\r\n\theight: 120px;\r\n\tmargin: 50px auto 0;\r\n\tborder: 2px solid #F00;\r\n\tborder-radius: 4px;\r\n\tposition: relative;\r\n}\r\n.pre {\r\n\twidth: 80px;\r\n\theight: 80px;\r\n\tposition: absolute;\r\n\ttop: 20px;\r\n\tleft: 40px;\r\n}\r\n.pre1 {\r\n\tborder-width: 40px;\r\n\tborder-color: transparent #F30 transparent transparent;\r\n}\r\n.pre2 {\r\n\tborder-width: 40px;\r\n\tborder-color: transparent #FFF transparent transparent;\r\n\tposition: relative;\r\n\ttop: -80px;\r\n\tleft: 15px;\r\n}\r\n.pre1, .pre2 {\r\n\t\/*****\u8bbe\u7f6eborder-style:dashed;\u4f7fie6\u652f\u6301border\u900f\u660e*****\/\r\n\tborder-style: dashed solid dashed dashed;\r\n    \/*****\u8bbe\u7f6e\u5bb9\u5668\u5bbd\u9ad8\u4e3a0*****\/\r\n\twidth: 0;\r\n\theight: 0;\r\n\t\/*****\u53bb\u6389ie6\u4e0b\u9ed8\u8ba4\u9ad8\u5ea6\uff0c\u8bbe\u7f6e\u4ee5\u4e0b\u5c5e\u6027*****\/\r\n\tline-height: 0;\r\n\tfont-size: 0;\r\n\toverflow: hidden;\r\n\u00a0\r\n}\r\n<\/style><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
\u6211\u4eec\u5927\u591a\u6570\u7684\u5c0f\u7bad\u5934\u90fd\u662f\u7528\u5c0f\u56fe\u7247\u6765\u505a\u7684\uff0c\u8fd9\u91cc\u5206\u4eab\u4e00\u6b3e\u7528\u7eafCSS\u5199\u7684\u5c0f\u7bad\u5934\uff0c\u5927\u5bb6\u53ef\u4ee5\u770b\u770b\uff0c\u4ee5\u540e\u4f1a\u653e\u51fa\u66f4\u591a\u7684CSS\u5c0f\u7bad\u5934\u6765\u4f9b\u5927\u5bb6\u53c2\u8003\u3002 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 2…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,1],"tags":[21,262],"topic":[],"class_list":["post-67746","post","type-post","status-publish","format-standard","hentry","category-htmlcss","category-technology","tag-css","tag-262"],"_links":{"self":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/67746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/comments?post=67746"}],"version-history":[{"count":1,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/67746\/revisions"}],"predecessor-version":[{"id":67747,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/67746\/revisions\/67747"}],"wp:attachment":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/media?parent=67746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/categories?post=67746"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/tags?post=67746"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/topic?post=67746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}