{"id":25,"date":"2006-09-21T09:31:07","date_gmt":"2006-09-21T01:31:07","guid":{"rendered":"http:\/\/jorux.com\/archives\/property-3-if-you-love-css\/"},"modified":"2006-09-21T09:31:07","modified_gmt":"2006-09-21T01:31:07","slug":"property-3-if-you-love-css","status":"publish","type":"post","link":"https:\/\/jorux.com\/?p=25","title":{"rendered":"\u5c5e\u6027\u7bc7(3)&#8212;If you love css &#8230;"},"content":{"rendered":"<p>\u672c\u7bc7\u4e3b\u8981\u4ecb\u7ecdcss\u5bf9<strong>\u8fb9\u6846<\/strong>(border)\u7684\u5c5e\u6027\u63a7\u5236\u548c<strong>\u94fe\u63a5<\/strong>(link)\u7684\u4f2a\u7c7b\u9009\u62e9\u5668.<\/p>\n<p><font color=\"#000000\"><strong><u>\u8fb9\u6846<\/u><\/strong>(border): css\u63a7\u5236\u7684\u8fb9\u6846\u5c5e\u6027<\/font>\u5305\u62ecborder-width, border-color, border-style. <\/p>\n<p><strong>Border<\/strong>\u4e4b\u6240\u4ee5\u8ba9\u4eba\u5f88\u56f0\u60d1\u4e3b\u8981\u6e90\u4e8eIE5\u9519\u7efc\u590d\u6742\u7684BUG,&nbsp;\u7531\u4e8eIE5\u662f\u4e00\u4e2a&#8221;<strong>will soon be dead<\/strong>&#8221;&nbsp;\u7684\u6d4f\u89c8\u5668, \u8fd9\u91cc\u53ea\u4f8b\u4e3e\u4e00\u4e2a\u6700\u4e3a\u77e5\u540d\u7684\u5173\u4e8eborder-width\u7684BUG, \u8ba9\u5927\u5bb6\u66f4\u597d\u7684\u7406\u89e3border\u7684\u542b\u4e49, \u5148\u770b\u4e0b\u56fe:<\/p>\n<p><img decoding=\"async\" style=\"border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none\" alt=\"j\" src=\"http:\/\/static.flickr.com\/81\/248638561_6b189ac38d.jpg\"\/> <\/p>\n<p>\u5982\u4e0a\u56fe\u6240\u793a, <strong>\u5bf9\u8c61A<\/strong>(\u767d\u8272\u77e9\u5f62)\u5468\u56f4\u6709\u84dd\u8272<strong>\u8fb9\u6846B<\/strong>, \u53ef\u4ee5\u770b\u51faA\u7684\u5b9e\u9645\u5bbd\u5ea6\u4e3aef, \u800cIE5\u4e0d\u8fd9\u4e48\u8ba4\u4e3a, \u5b83\u628acd\u7684\u957f\u5ea6\u5b9a\u4e49\u4e3a\u5bf9\u8c61A\u7684\u5bbd\u5ea6, \u8fd9\u4e2abug\u5728\u8fb9\u6846\u7684\u5bbd\u5ea6\u5c0f\u65f6\u51e0\u4e4e\u5bdf\u89c9\u4e0d\u5230, \u4f46\u5728\u8fb9\u6846\u4e0e\u5bf9\u8c61\u5bbd\u5ea6\u76f8\u5dee\u4e0d\u5927\u65f6\u663e\u5f97\u5c24\u4e3a\u660e\u663e.<\/p>\n<p>\u73b0\u5728, \u7ed3\u5408\u4ee5\u4e0a\u8bf4\u660e, \u53ef\u4ee5\u770b\u51faborder\u662f\u72ec\u7acb\u4e8e\u5bf9\u8c61\u4e4b\u5916, \u4f4d\u4e8e<strong>magin<\/strong>\u4e0e<strong>padding<\/strong>\u4e4b\u95f4(\u540e\u8bf4\u660e), \u5177\u6709\u56fa\u5b9a\u5bbd\u5ea6, \u989c\u8272\u548c\u6837\u5f0f\u7684<strong>\u533a\u57df<\/strong>.<\/p>\n<p><strong>1. border-width<\/strong>: \u5176\u53ef\u6709\u5177\u4f53\u6570\u503c(\u59821px, 2px\u7b49)\u6216\u662f\u63cf\u8ff0\u6027(<em><strong>thin<\/strong>, <strong>medium<\/strong>, <strong>thick<\/strong><\/em>)\u7684\u5c5e\u6027\u503c. \u7531\u4e8e\u6d4f\u89c8\u5668\u53ca\u4e2a\u4eba\u8bbe\u7f6e\u7684\u4e0d\u540c\u5bfc\u81f4thin, medium, thick\u8fd9\u4e9b\u5c5e\u6027\u503c\u7684\u8868\u73b0\u4e0d\u4e00, \u4e0d\u63a8\u8350\u4f7f\u7528. css\u4ee3\u7801\u5982\u4e0b:<\/p>\n<p class=\"script\">border-width: 1px;<br \/>border-width: 2px;<br \/>border-width: thin;<br \/>border-width: medium;<br \/>border-width: thick;<\/p>\n<p>\u5bbd\u5ea6\u6548\u679c\u5982\u4e0b(<em>\u6ce8\u610f\u4e0d\u540c\u6d4f\u89c8\u5668\u4e0b\u7684\u533a\u522b<\/em>):<\/p>\n<p><span style=\"border-right: #333 1px solid; border-top: #333 1px solid; font-size: 32px; border-left: #333 1px solid; border-bottom: #333 1px solid; font-family:\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u7bc7\u4e3b\u8981\u4ecb\u7ecdcss\u5bf9\u8fb9\u6846(border)\u7684\u5c5e\u6027\u63a7\u5236\u548c\u94fe\u63a5(link)\u7684\u4f2a\u7c7b\u9009\u62e9\u5668.<br \/>\n\u8fb9\u6846(border): css\u63a7\u5236\u7684\u8fb9\u6846\u5c5e\u6027\u5305\u62ecborder-width, border-color, border-style.<br \/>\nBorder\u4e4b\u6240\u4ee5\u8ba9\u4eba\u5f88\u56f0\u60d1\u4e3b\u8981\u6e90\u4e8eIE5\u9519\u7efc\u590d\u6742\u7684BUG, \u7531\u4e8eIE5\u662f\u4e00\u4e2a\u201dwill soon be dead\u201c \u7684\u6d4f\u89c8\u5668, \u8fd9\u91cc\u53ea\u4f8b\u4e3e\u4e00\u4e2a\u6700\u4e3a\u77e5\u540d\u7684\u5173\u4e8eborder-width\u7684BUG, \u8ba9\u5927\u5bb6\u66f4\u597d\u7684\u7406\u89e3border\u7684\u542b\u4e49, \u5148\u770b\u4e0b\u56fe:<\/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":[],"class_list":["post-25","post","type-post","status-publish","format-standard","hentry","category-web-design"],"_links":{"self":[{"href":"https:\/\/jorux.com\/index.php?rest_route=\/wp\/v2\/posts\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jorux.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jorux.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jorux.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jorux.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":0,"href":"https:\/\/jorux.com\/index.php?rest_route=\/wp\/v2\/posts\/25\/revisions"}],"wp:attachment":[{"href":"https:\/\/jorux.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jorux.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jorux.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}