{"id":831,"date":"2010-12-01T23:53:07","date_gmt":"2010-12-01T15:53:07","guid":{"rendered":"http:\/\/leegorous.net\/blog\/?p=831"},"modified":"2012-03-03T19:16:35","modified_gmt":"2012-03-03T11:16:35","slug":"css-text-shadow","status":"publish","type":"post","link":"http:\/\/leegorous.net\/blog\/2010\/12\/01\/css-text-shadow\/","title":{"rendered":"CSS \u6587\u5b57\u53d1\u5149\u6548\u679c"},"content":{"rendered":"<p>CSS \u6587\u5b57\u7684\u53d1\u5149\u6548\u679c\u901a\u8fc7 <a href=\"https:\/\/developer.mozilla.org\/en\/CSS\/text-shadow\" target=\"_blank\">text-shadow<\/a> \u5b9e\u73b0\u8d77\u6765\u5f88\u65b9\u4fbf\u7684\u3002<\/p>\n<pre name=\"code\" class=\"brush: css\">\r\ntext-shadow: 1px 0 1px #8B4513, 0 1px 1px #8B4513, \r\n    0 -1px 1px #8B4513, -1px 0 1px #8B4513;\r\n<\/pre>\n<p>\u5728 Firefox, Chrome, Opera, Safari \u4e2d\u7684\u6548\u679c\uff1a<br \/>\n<img loading=\"lazy\" src=\"http:\/\/leegorous.net\/blog\/wp-content\/uploads\/2010\/12\/text-shadow-1.png\" alt=\"\" title=\"text shadow in 4 browser\" width=\"315\" height=\"146\" class=\"aligncenter size-full wp-image-834\" \/><br \/>\n\u770b\u4e0a\u53bb\u8fd9\u51e0\u6b3e\u6d4f\u89c8\u5668\u90fd\u652f\u6301\u3002\u4e0d\u8fc7\u5c31\u662f\u5728 Chrome \u91cc\u9762\uff0c\u53ef\u4ee5\u770b\u89c1\u51fa\u6765\u7684\u6548\u679c\u5e76\u4e0d\u597d\uff0c\u5947\u602a\u7684\u4e00\u70b9\u662f\u4e3a\u4ec0\u4e48\u5b83\u7684\u6a21\u7cca\u4f1a\u5f80\u91cc\u53d1\u5c55\u4e86\uff0c\u5f00\u59cb\u8fd8\u4ee5\u4e3a webkit \u90fd\u8fd9\u6837\uff0c\u770b\u4e86\u770b Safari\uff0c\u8868\u73b0\u633a\u597d\u7684\uff0c\u8fb9\u7f18\u6bd4 Firefox \u8fd8\u8981\u9510\u5229\u3002<!--more--><\/p>\n<p>\u51e0\u7ecf\u5c1d\u8bd5\uff0c\u7ec8\u4e8e\u627e\u5230\u53ef\u4ee5\u8ba9 Chrome \u4e5f\u4e00\u6837\u8868\u73b0\u7280\u5229\u7684\u529e\u6cd5\u3002\u901a\u8fc7\u89c2\u5bdf\u53ef\u4ee5\u5f97\u77e5\u5728\u65e0\u6a21\u7cca\u7684\u60c5\u51b5\u4e0b\uff0c\u4e5f\u5c31\u662f\u6587\u672c\u63cf\u8fb9\u6548\u679c\uff0c\u5404\u6d4f\u89c8\u5668\u91cc\u7684\u8868\u73b0\u662f\u4e00\u81f4\u7684\u3002<\/p>\n<pre name=\"code\" class=\"brush: css\">\r\ntext-shadow: 1px 0 #8B4513, 0 1px #8B4513, \r\n    0 -1px #8B4513, -1px 0 #8B4513;\r\n<\/pre>\n<p>\u800c\u53c8\u77e5\u9053\uff0cshadow \u6548\u679c\u662f\u53ef\u4ee5\u53e0\u52a0\u7684\uff0c\u4e8e\u662f\u5c31\u5f97\u51fa\u4ee5\u4e0b\u7684\u5199\u6cd5\uff0c\u5728\u63cf\u8fb9 + \u53d1\u5149\u3002<\/p>\n<pre name=\"code\" class=\"brush: css\">\r\ntext-shadow: 1px 0 0 #8B4513, 0 1px 0 #8B4513, \r\n    0 -1px 0 #8B4513, -1px 0 0 #8B4513, \r\n    1px 0 1px #8B4513, 0 1px 1px #8B4513, \r\n    0 -1px 1px #8B4513, -1px 0 1px #8B4513;\r\n<\/pre>\n<p>\u8fd8\u6709\u4e00\u70b9\u8981\u6ce8\u610f\u7684\uff0c\u5fc5\u987b\u662f\u5148\u63cf\u8fb9\uff0c\u518d\u53d1\u5149\u3002\u53cd\u8fc7\u6765\uff0c\u6548\u679c\u60e8\u4e0d\u5fcd\u7779\u3002\u4e0b\u56fe\u3002<br \/>\n<img loading=\"lazy\" src=\"http:\/\/leegorous.net\/blog\/wp-content\/uploads\/2010\/12\/text-shadow-2.png\" alt=\"\" title=\"text-shadow-2\" width=\"225\" height=\"32\" class=\"aligncenter size-full wp-image-835\" \/><br \/>\n\u641e\u4e0d\u6e05\u695a\u600e\u6837\u7684\u6548\u679c\u624d\u662f\u6807\u51c6\u7684\uff0c\u4f46 Chrome (\u6d4b\u8bd5\u7528\u7248\u672c\u4e3a 8.0.552.210 beta)\u76ee\u524d\u7684\u5b9e\u73b0\u89c6\u89c9\u4e0a\u662f\u4e0d\u884c\u7684\u3002<\/p>\n<p>\u4e0a\u9762\u5ffd\u7565 IE \u7684\u60c5\u51b5\u3002IE \u662f\u53ef\u4ee5\u901a\u8fc7\u6ee4\u955c\u6765\u5b9e\u73b0\u7684\u3002\u4e0d\u8fc7\u7531\u4e8e dropshadow \u6ca1\u6709 blur \u9009\u9879\uff0c\u5b9e\u9645\u6548\u679c\u53ea\u6709\u63cf\u8fb9\u6ca1\u6709\u53d1\u5149\u3002<\/p>\n<pre name=\"code\" class=\"brush: css\">\r\nfilter: Dropshadow(offx = 1, offy = 0, color = #8B4513) \r\n    Dropshadow(offx = 0, offy = 1, color = #8B4513) \r\n    Dropshadow(offx = 0, offy = -1, color = #8B4513) \r\n    Dropshadow(offx = -1, offy = 0, color = #8B4513);\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>CSS \u6587\u5b57\u7684\u53d1\u5149\u6548\u679c\u901a\u8fc7 text-shadow \u5b9e\u73b0\u8d77\u6765\u5f88\u65b9\u4fbf\u7684\u3002 text-shadow: 1px 0  &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/leegorous.net\/blog\/2010\/12\/01\/css-text-shadow\/\" class=\"more-link\">\u7ee7\u7eed\u9605\u8bfb<span class=\"screen-reader-text\">\u201cCSS \u6587\u5b57\u53d1\u5149\u6548\u679c\u201d<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[7],"_links":{"self":[{"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/posts\/831"}],"collection":[{"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/comments?post=831"}],"version-history":[{"count":9,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/posts\/831\/revisions"}],"predecessor-version":[{"id":1059,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/posts\/831\/revisions\/1059"}],"wp:attachment":[{"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/media?parent=831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/categories?post=831"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/leegorous.net\/blog\/wp-json\/wp\/v2\/tags?post=831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}