{"id":609,"date":"2012-02-09T12:07:33","date_gmt":"2012-02-09T04:07:33","guid":{"rendered":"http:\/\/www.clonefactor.com\/wordpress\/?p=609"},"modified":"2013-08-17T23:17:01","modified_gmt":"2013-08-17T15:17:01","slug":"css-%e6%b3%a1%e6%b3%a1%e5%b0%8d%e8%a9%b1%e6%a1%86","status":"publish","type":"post","link":"https:\/\/www.clonefactor.com\/wordpress\/webdevelop\/609\/","title":{"rendered":"css \u6ce1\u6ce1\u5c0d\u8a71\u6846"},"content":{"rendered":"<p>Css-tricks \u4e0a\u5b78\u5230\u7684\u6280\u5de7.<\/p>\n<p>Chris Coyier \u5beb\u7684\u4e00\u6bb5 script.<\/p>\n<p>[css].bubble {<br \/>\nmargin: 50px;<br \/>\npadding: 10px;<br \/>\nposition: relative;<br \/>\nborder-radius: 50px;<br \/>\n}<br \/>\n.bubble:after {<br \/>\ncontent: &quot;&quot;;<br \/>\nposition: absolute;<br \/>\ntop: 100%;<br \/>\nleft: 50px;<br \/>\nborder-top: 20px solid blue;<br \/>\nborder-top-color: inherit;<br \/>\nborder-left: 10px solid transparent;<br \/>\nborder-right: 10px solid transparent;<br \/>\n}[\/css]<\/p>\n<p>\u5229\u7528 margin\/padding \u53bb\u69cb\u9020\u4e00\u500b\u5c0d\u8a71\u6846&amp;\u7bad\u982d\u4f4d\u7f6e.<br \/>\n\u597d\u8655\u662f\u53ef\u7e7c\u627f\u7236\u7cfb\u7684\u984f\u8272\u8a2d\u5b9a,<\/p>\n<p>\u4f7f\u7528\u65b9\u6cd5\u70ba<\/p>\n<p>[html]&lt;div class=&quot;bubble&quot; style=&quot;background: red; border-color: red;&quot;&gt;test&lt;\/div&gt;<br \/>\n&lt;div class=&quot;bubble&quot; style=&quot;background: #999; border-color:#999&quot;&gt;test&lt;\/div&gt;[\/html]<\/p>\n<p>background \u5c31\u662f\u80cc\u8272, border \u662f\u7bad\u982d\u984f\u8272.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Css-tricks \u4e0a\u5b78\u5230\u7684\u6280\u5de7. Chris Coyier \u5beb\u7684\u4e00\u6bb5 script. [css] &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[76],"class_list":["post-609","post","type-post","status-publish","format-standard","hentry","category-webdevelop","tag-css"],"_links":{"self":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/comments?post=609"}],"version-history":[{"count":0,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/609\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/media?parent=609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/categories?post=609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/tags?post=609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}