{"id":3796,"date":"2024-12-01T06:24:00","date_gmt":"2024-11-30T21:24:00","guid":{"rendered":"https:\/\/secondlife.lol\/?p=3796"},"modified":"2024-12-03T14:04:53","modified_gmt":"2024-12-03T05:04:53","slug":"wordpress-blog-rounded-corners","status":"publish","type":"post","link":"https:\/\/secondlife.lol\/zh\/wordpress-blog-rounded-corners\/","title":{"rendered":"\u5b9a\u5236 WordPress - \u4e3a\u535a\u5ba2\u9875\u9762\u6dfb\u52a0\u5706\u89d2\u548c\u9634\u5f71\u6548\u679c\uff08CSS \u529f\u80fd\uff09"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><a href=\"https:\/\/secondlife.lol\/zh\/wordpress-blog-examples\/\" data-type=\"post\" data-id=\"2964\">WordPress \u535a\u5ba2<\/a>\u5728\u4e3b\u9875\u4e4b\u540e\uff0c\u8bbf\u5ba2\u9996\u5148\u770b\u5230\u7684\u662f\u5e16\u5b50\u5217\u8868\u9875\u9762\u3002 <a href=\"https:\/\/ko.wordpress.org\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> \u901a\u8fc7\u88c5\u9970\u6765\u6539\u5584\u9875\u9762\u5916\u89c2\uff0c\u53ef\u4ee5\u5927\u5927\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002 <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728\u672c\u7bc7\u6587\u7ae0\u4e2d\uff0c\u6211\u4eec\u5c06\u5411\u4f60\u5c55\u793a\u5982\u4f55\u5e94\u7528\u7b80\u5355\u7684 CSS \u4ee3\u7801\uff0c\u901a\u8fc7\u8c03\u6574\u89d2\u5ea6\u8ba9\u535a\u5ba2\u9875\u9762\u4e0a\u7684\u6587\u7ae0\u5217\u8868\u770b\u8d77\u6765\u66f4\u7f8e\u89c2\u4e00\u4e9b\u3002 <strong>\u5706\u89d2<\/strong>\u7136\u540e\u5c06\u9f20\u6807\u60ac\u505c\u5728\u5176\u4e0a\uff0c\u5c31\u4f1a\u770b\u5230 <strong>\u9634\u5f71\u6548\u679c<\/strong>\u66f4\u6709\u5438\u5f15\u529b\u3002<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id83_5f28a6-34 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);border-top:3px solid var(--global-palette2, #2B6CB0);border-right:3px solid var(--global-palette2, #2B6CB0);border-bottom:3px solid var(--global-palette2, #2B6CB0);border-left:3px solid var(--global-palette2, #2B6CB0);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}.kb-table-of-content-nav.kb-table-of-content-id83_5f28a6-34 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id83_5f28a6-34 .kb-table-of-contents-title-wrap{color:var(--global-palette2, #2B6CB0);}.kb-table-of-content-nav.kb-table-of-content-id83_5f28a6-34 .kb-table-of-contents-title{color:var(--global-palette2, #2B6CB0);font-size:28px;font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id83_5f28a6-34 .kb-table-of-content-wrap .kb-table-of-content-list{color:var(--global-palette1, #3182CE);line-height:2em;font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id83_5f28a6-34 .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry:hover{color:var(--global-palette6, #718096);}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id83_5f28a6-34 .kb-table-of-content-wrap{border-top:3px solid var(--global-palette2, #2B6CB0);border-right:3px solid var(--global-palette2, #2B6CB0);border-bottom:3px solid var(--global-palette2, #2B6CB0);border-left:3px solid var(--global-palette2, #2B6CB0);}}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id83_5f28a6-34 .kb-table-of-contents-title{font-size:28px;}}@media all and (max-width: 767px){.kb-table-of-content-nav.kb-table-of-content-id83_5f28a6-34 .kb-table-of-content-wrap{border-top:3px solid var(--global-palette2, #2B6CB0);border-right:3px solid var(--global-palette2, #2B6CB0);border-bottom:3px solid var(--global-palette2, #2B6CB0);border-left:3px solid var(--global-palette2, #2B6CB0);}.kb-table-of-content-nav.kb-table-of-content-id83_5f28a6-34 .kb-table-of-contents-title{font-size:28px;}}<\/style>\n\n<style>.kb-image3796_16e0f4-ae .kb-image-has-overlay:after{opacity:0.3;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.kb-image3796_16e0f4-ae img.kb-img, .kb-image3796_16e0f4-ae .kb-img img{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}<\/style>\n<div class=\"wp-block-kadence-image kb-image3796_16e0f4-ae\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1200\" height=\"574\" src=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-62.jpg\" alt=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uafb8\ubbf8\uae30 - \ube14\ub85c\uadf8 \ud398\uc774\uc9c0\uc758 \uc0ac\uac01 \ubaa8\uc11c\ub9ac \ud3ec\uc2a4\ud2b8 \ubaa9\ub85d \uadf8\ub9bc\" class=\"kb-img wp-image-3797\" srcset=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-62.jpg 1200w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-62-300x144.jpg 300w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-62-600x287.jpg 600w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-62-768x367.jpg 768w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-62-18x9.jpg 18w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u5e94\u7528 WordPress \u88c5\u9970\u524d\uff1a\u786c\u8d28\u65b9\u5f62\u8bbe\u8ba1<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728\u60a8\u81ea\u5b9a\u4e49 WordPress \u4e4b\u524d\uff0c\u60a8\u7684\u6587\u7ae0\u5217\u8868\u9ed8\u8ba4\u770b\u8d77\u6765\u662f\u4e00\u4e2a\u7b80\u5355\u7684\u77e9\u5f62\uff0c\u5982\u4e0a\u56fe\u6240\u793a\u3002\u8fd9\u79cd\u8bbe\u8ba1\u867d\u7136\u7b80\u6d01\uff0c\u4f46\u6709\u65f6\u4f1a\u663e\u5f97\u8fc7\u4e8e\u5446\u677f\u548c\u5e73\u6de1\u3002\u5728\u67d0\u4e9b\u60c5\u51b5\u4e0b\uff0c\u6bcf\u4e2a\u5e16\u5b50\u9879\u76ee\u4e4b\u95f4\u7684\u533a\u522b\u5e76\u4e0d\u660e\u663e\uff0c\u7528\u6237\u53ef\u80fd\u96be\u4ee5\u8bc6\u522b\u5355\u4e2a\u5e16\u5b50\u3002<\/p>\n\n\n<style>.kb-image3796_c8b826-63 .kb-image-has-overlay:after{opacity:0.3;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.kb-image3796_c8b826-63 img.kb-img, .kb-image3796_c8b826-63 .kb-img img{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}<\/style>\n<div class=\"wp-block-kadence-image kb-image3796_c8b826-63\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1200\" height=\"721\" src=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-63.jpg\" alt=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uafb8\ubbf8\uae30 - CSS \ucf54\ub4dc\ub97c \ub123\uae30\" class=\"kb-img wp-image-3798\" srcset=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-63.jpg 1200w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-63-300x180.jpg 300w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-63-600x361.jpg 600w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-63-768x461.jpg 768w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-63-18x12.jpg 18w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u5982\u4f55\u5728 WordPress \u4e2d\u5e94\u7528 CSS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728\u5e94\u7528 CSS \u4e4b\u524d\uff0c\u6211\u4eec\u5148\u6765\u770b\u770b\u5982\u4f55\u5728 WordPress \u4e2d\u6dfb\u52a0 CSS\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u767b\u5f55 WordPress \u7ba1\u7406\u9875\u9762\u3002<\/li>\n\n\n\n<li>\u5728\u5de6\u4fa7\u83dc\u5355\u4e2d\u70b9\u51fb\"<strong>\u5916\u89c2<\/strong>\"\u6216 \"\u5916\u89c2\"\u3002<\/li>\n\n\n\n<li>&#8220;<strong>\u5b9a\u5236<\/strong>\"\u6216 \"\u88c5\u9970\"\u3002<\/li>\n\n\n\n<li>&#8220;<strong>\u9644\u52a0 CSS<\/strong>\"\u90e8\u5206\u5e76\u70b9\u51fb\u5b83\u3002<\/li>\n\n\n\n<li>\u5728\u6b64\u8f93\u5165\u60a8\u7684 CSS \u4ee3\u7801\uff08\u4ee3\u7801\u5982\u4e0b\uff09\u3002<\/li>\n\n\n\n<li>&#8220;<strong>\u516c\u4f17<\/strong>\"\u6216 \"\u53d1\u5e03 \"\u6309\u94ae\u6765\u5e94\u7528\u66f4\u6539\u3002<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u8fd9\u79cd\u65b9\u6cd5\u53ef\u4ee5\u907f\u514d\u76f4\u63a5\u4fee\u6539\u4e3b\u9898\u6587\u4ef6\uff0c\u800c\u4e14\u5728\u66f4\u65b0\u4e3b\u9898\u65f6\uff0c\u60a8\u6240\u505a\u7684\u66f4\u6539\u4e5f\u4f1a\u88ab\u4fdd\u7559\u4e0b\u6765\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5e94\u7528 CSS \u4ee3\u7801<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5982\u4e0a\u6240\u8ff0\uff0c\u60a8\u53ef\u4ee5\u5c06\u4ee5\u4e0b CSS \u4ee3\u7801\u6dfb\u52a0\u5230 WordPress \u7684 \"\u81ea\u5b9a\u4e49 - \u9644\u52a0 CSS \"\u90e8\u5206\uff0c\u4ece\u800c\u6539\u5584\u6587\u7ae0\u5217\u8868\u7684\u5916\u89c2\u3002\u590d\u5236\u5e76\u7c98\u8d34\u4e0b\u9762\u7684\u4ee3\u7801\uff0c\u7136\u540e\u5bfc\u822a\u5230\u6211\u4eec\u4e0a\u9762\u7ed9\u51fa\u7684\u8def\u5f84\u3002 <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* \u8bbe\u7f6e\u5355\u4e2a\u5e16\u5b50\u6846\u4e3a\u5706\u5f62\uff0c\u9632\u6b62\u5b83\u4eec\u6ea2\u51fa *\/\n.post {\n    border-radius: 10px; \/* \u4f7f\u8fb9\u89d2\u53d8\u5706\uff0810px \u66f2\u5ea6\uff09 *\/\n    overflow: hidden; \/* \u9632\u6b62\u5185\u5bb9\u6ea2\u51fa\u6846\u8fb9\u6846 *\/\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0, 0.1); \/* \u4e3a\u65b9\u6846\u6dfb\u52a0\u4e00\u4e2a\u67d4\u548c\u7684\u9634\u5f71\uff080px x \u8f74\uff0c4px y \u8f74\uff0c8px \u5c55\u5f00\uff09*\/\n    transition: all 0.3s ease-in-out; \/* \u5728 0.3 \u79d2\u5185\u5e73\u6ed1\u5904\u7406\u6240\u6709\u6837\u5f0f\u53d8\u5316 *\/\n}\n\n\/* \u60ac\u505c\u5728\u5e16\u5b50\u6846\u4e0a\u65f6\u7684\u6837\u5f0f *\/\n.post:hover {\n    transform: scale(1.02); \/* \u7a0d\u5fae\u653e\u5927\u65b9\u6846\u5927\u5c0f\uff081.02 \u500d\uff09 *\/\n    box-shadow: 0 6px 12px rgba(0, 0, 0, 0, 0.15); \/* \u5c06\u9634\u5f71\u6539\u5f97\u66f4\u660e\u663e\uff086px y \u8f74\uff0c12px \u5c55\u5f00\uff09 *\/\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728\u4e0a\u9762\u7684\u4ee3\u7801\u4e2d\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7\u8c03\u6574 border-radius: 10px \u8fd9\u4e00\u884c\u7684\u6570\u5b57\u6765\u6539\u53d8\u66f2\u7387\u3002\u5728\u4e0b\u56fe\u4e2d\uff0c\u5706\u89d2\u5c31\u662f\u5c06\u8be5\u6570\u5b57\u8bbe\u7f6e\u4e3a 5 \u7684\u7ed3\u679c\u3002<\/p>\n\n\n<style>.kb-image3796_dfc7ba-a0 .kb-image-has-overlay:after{opacity:0.3;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.kb-image3796_dfc7ba-a0 img.kb-img, .kb-image3796_dfc7ba-a0 .kb-img img{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.2);}<\/style>\n<div class=\"wp-block-kadence-image kb-image3796_dfc7ba-a0\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1200\" height=\"578\" src=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-64.jpg\" alt=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uafb8\ubbf8\uae30 - \ube14\ub85c\uadf8 \ud398\uc774\uc9c0\uc758 \ub465\uadfc \ubaa8\uc11c\ub9ac\uc640 \uadf8\ub9bc\uc790 \ud6a8\uacfc \ud3ec\uc2a4\ud2b8 \ubaa9\ub85d \uadf8\ub9bc\" class=\"kb-img wp-image-3799\" srcset=\"https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-64.jpg 1200w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-64-300x145.jpg 300w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-64-600x289.jpg 600w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-64-768x370.jpg 768w, https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/image-4-64-18x9.jpg 18w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u4e4b\u540e\uff1a\u6d41\u7545\u3001\u65f6\u5c1a\u7684\u8bbe\u8ba1<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5e94\u7528 CSS \u4ee3\u7801\u540e\uff0c\u5e16\u5b50\u5217\u8868\u4e2d\u7684\u6bcf\u4e2a\u9879\u76ee\u770b\u8d77\u6765\u90fd\u662f\u8fd9\u6837\u7684\uff1a\u4f60\u80fd\u6ce8\u610f\u5230\u5de6\u53f3\u5e16\u5b50\u5916\u89c2\u7684\u533a\u522b\u5417\uff1f <strong>\u5bf9<\/strong>\u9f20\u6807\u60ac\u505c\u5728\u5e16\u5b50\u5217\u8868\u4e0a\u53ef\u653e\u5927\u548c <strong>\u9634\u5f71\u6548\u679c<\/strong>\u51fa\u73b0\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u5706\u89d2<\/strong>\u90ae\u7b52\uff1a\u6bcf\u4e2a\u90ae\u7b52\u7684\u56db\u89d2\u90fd\u662f\u5706\u89d2\uff0c\u7ed9\u4eba\u4e00\u79cd\u67d4\u548c\u7684\u611f\u89c9\u3002<\/li>\n\n\n\n<li><strong>\u9634\u5f71\u6548\u679c<\/strong>\u8bbe\u8ba1\u7406\u5ff5\uff1a\u8f7b\u5fae\u7684\u4e0b\u62c9\u9634\u5f71\u4f7f\u6bcf\u7bc7\u6587\u7ae0\u5728\u9875\u9762\u4e0a\u90fd\u683c\u5916\u9192\u76ee\u3002<\/li>\n\n\n\n<li><strong>\u60ac\u505c\u6548\u679c<\/strong>:\u5f53\u9f20\u6807\u60ac\u505c\u5728\u5e16\u5b50\u4e0a\u65f6\uff0c\u5b83\u4f1a\u7565\u5fae\u653e\u5927\u5e76\u7a81\u51fa\u9634\u5f71\uff0c\u4f7f\u5176\u66f4\u5177\u4e92\u52a8\u6027\u3002<\/li>\n\n\n\n<li><strong>\u5e73\u7a33\u8fc7\u6e21<\/strong>\u98ce\u683c\uff1a\u6240\u6709\u98ce\u683c\u53d8\u5316\u90fd\u4f1a\u987a\u5229\u5e94\u7528\uff0c\u63d0\u4f9b\u89c6\u89c9\u4e0a\u65e0\u7f1d\u7684\u4f53\u9a8c\u3002<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u8fd9\u4e9b\u6539\u52a8\u4f7f\u5e16\u5b50\u5217\u8868\u9875\u9762\u770b\u8d77\u6765\u66f4\u73b0\u4ee3\u3001\u66f4\u65f6\u5c1a\uff0c\u6bcf\u4e2a\u5e16\u5b50\u9879\u76ee\u90fd\u88ab\u6e05\u6670\u5730\u5206\u5f00\uff0c\u4f7f\u7528\u6237\u66f4\u5bb9\u6613\u6d4f\u89c8\u5185\u5bb9\u3002 \u60ac\u6d6e\u6548\u679c\u8fd8\u589e\u52a0\u4e86\u7528\u6237\u4e92\u52a8\uff0c\u521b\u9020\u4e86\u66f4\u53cb\u597d\u7684\u7528\u6237\u4f53\u9a8c\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u7ed3\u8bba<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u53ea\u9700\u51e0\u884c\u7b80\u5355\u7684 CSS \u4ee3\u7801\uff0c\u6211\u5c31\u80fd\u5bf9 WordPress \u535a\u5ba2\u7684\u6587\u7ae0\u5217\u8868\u505a\u51fa\u4e00\u4e9b\u975e\u5e38\u6f02\u4eae\u7684\u6539\u8fdb\u3002 \u8fd9\u4e9b\u89c6\u89c9\u6539\u8fdb\u4e0d\u4ec5\u7f8e\u89c2\uff0c\u8fd8\u76f4\u63a5\u5f71\u54cd\u4e86\u7528\u6237\u4f53\u9a8c\uff0c\u63d0\u9ad8\u4e86\u535a\u5ba2\u7684\u6574\u4f53\u8d28\u91cf\u3002\u8bd5\u8bd5\u8fd9\u4e9b CSS \u4ee3\u7801\u6280\u5de7\uff0c\u4e3a\u4f60\u7684\u8bbf\u5ba2\u63d0\u4f9b\u66f4\u5177\u5438\u5f15\u529b\u3001\u66f4\u53cb\u597d\u7684\u8bbe\u8ba1\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5bf9\u4e86\uff0c\u8fd9\u91cc\u8fd8\u6709\u4e00\u4e2a\u5c0f\u7a8d\u95e8\u3002 <a href=\"https:\/\/secondlife.lol\/zh\/eye-catching-button-techniques\/\" data-type=\"post\" data-id=\"2117\">\u6240\u6709\u4eba\u8bf7\u6ce8\u610f\uff1a\u52a8\u753b\u6309\u94ae\u8131\u9896\u800c\u51fa\u7684\u79d8\u8bc0\uff08WordPress \u7279\u5199\uff09<\/a> \u6211\u4eec\u5e0c\u671b\u60a8\u6709\u673a\u4f1a\u5bf9\u60a8\u6587\u7ae0\u4e2d\u4f7f\u7528\u7684\u6309\u94ae\u8fdb\u884c\u4fee\u9970\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"># \u4ee3\u7801\u8bf4\u660e<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<pre class=\"wp-block-code\"><code>\/* \u8bbe\u7f6e\u5355\u4e2a\u5e16\u5b50\u6846\u4e3a\u5706\u5f62\uff0c\u9632\u6b62\u5b83\u4eec\u6ea2\u51fa *\/\n.post {<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u8fd9\u4e00\u884c\u5b9a\u4e49\u4e86\".post \"\u7c7b\u5143\u7d20\u7684\u6837\u5f0f\u3002\u5b83\u4e3b\u8981\u9002\u7528\u4e8e\u8868\u793a\u535a\u5ba2\u6587\u7ae0\u7684\u5143\u7d20\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    border-radius: 10px; \/* \u4f7f\u8fb9\u89d2\u53d8\u5706\uff0810px \u66f2\u5ea6\uff09*\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u8be5\u5c5e\u6027\u5c06\u5143\u7d20\u7684\u8fb9\u89d2\u820d\u5165\u4e3a\u534a\u5f84\u4e3a 10 \u50cf\u7d20\u7684\u5706\u89d2\u3002\u8fd9\u6837\uff0c\u77e9\u5f62\u8fb9\u89d2\u5c31\u53d8\u6210\u4e86\u67d4\u548c\u7684\u66f2\u7ebf\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    overflow: hidden; \/* \u9632\u6b62\u5185\u5bb9\u8d85\u51fa\u6846\u8fb9\u754c *\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u8be5\u5c5e\u6027\u53ef\u786e\u4fdd\u5143\u7d20\u5185\u7684\u5185\u5bb9\u4e0d\u4f1a\u8d85\u51fa\u5b9a\u4e49\u7684\u8fb9\u754c\uff0c\u8fd9\u4e00\u70b9\u5728\u4f7f\u7528\u5706\u89d2\u65f6\u5c24\u4e3a\u91cd\u8981\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    box-shadow: 0 4px 8px rgba(0, 0, 0, 0, 0.1); \/* \u4e3a\u65b9\u6846\u6dfb\u52a0\u67d4\u548c\u9634\u5f71\uff080px x \u8f74\uff0c4px y \u8f74\uff0c8px \u5c55\u5f00\uff09 *\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u8be5\u884c\u4e3a\u5143\u7d20\u6dfb\u52a0\u4e86\u9634\u5f71\u6548\u679c\u3002\u5b83\u7684\u6c34\u5e73\u504f\u79fb\u4e3a 0\uff0c\u5782\u76f4\u504f\u79fb\u4e3a 4px\uff0c\u6a21\u7cca\u5ea6\u4e3a 8px\uff0c\u4e0d\u900f\u660e\u5ea6\u4e3a\u9ed1\u8272 10%\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    transition: all 0.3s ease-in-out; \/* \u5728 0.3 \u79d2\u5185\u5e73\u6ed1\u5904\u7406\u6240\u6709\u6837\u5f0f\u66f4\u6539 *\/\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u8be5\u5c5e\u6027\u53ef\u5c06\u6240\u6709\u6837\u5f0f\u53d8\u5316\u8bbe\u7f6e\u4e3a\u5728 0.3 \u79d2\u5185\u5e73\u6ed1\u8fdb\u884c\uff0c\"\u7f13\u5165\u7f13\u51fa \"\u8ba1\u65f6\u529f\u80fd\u53ef\u786e\u4fdd\u6837\u5f0f\u53d8\u5316\u7f13\u6162\u5f00\u59cb\u3001\u52a0\u901f\u548c\u518d\u6b21\u7f13\u6162\u7ed3\u675f\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* \u60ac\u505c\u5728\u5e16\u5b50\u6846\u4e0a\u65f6\u7684\u6837\u5f0f *\/\n.post:hover {<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u8be5\u9009\u62e9\u5668\u5b9a\u4e49\u4e86\u5f53\u7528\u6237\u5c06\u9f20\u6807\u60ac\u505c\u5728\".post \"\u5143\u7d20\u4e0a\u65f6\u5c06\u5e94\u7528\u7684\u6837\u5f0f\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    transform: scale(1.02); \/* \u7a0d\u5fae\u653e\u5927\u65b9\u6846\u5927\u5c0f (1.02x) *\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u8be5\u5c5e\u6027\u53ef\u5c06\u5143\u7d20\u7684\u5927\u5c0f\u653e\u5927\u5230\u539f\u59cb\u5927\u5c0f\u7684 1.02 \u500d\u3002\u8fd9\u6837\u505a\u7684\u6548\u679c\u662f\uff0c\u5f53\u9f20\u6807\u60ac\u505c\u5728\u8be5\u5143\u7d20\u4e0a\u65f6\uff0c\u8be5\u5143\u7d20\u4f1a\u7a0d\u5fae\u53d8\u5927\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>    box-shadow: 0 6px 12px rgba(0, 0, 0, 0, 0.15); \/* \u4f7f\u9634\u5f71\u66f4\u660e\u663e\uff086px y \u8f74\uff0c12px \u5c55\u5f00\uff09 *\/\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u8be5\u7ebf\u6761\u5728\u9f20\u6807\u79fb\u52a8\u65f6\u66f4\u52a0\u7a81\u51fa\u9634\u5f71\u3002\u5782\u76f4\u504f\u79fb\u589e\u52a0\u5230 6px\uff0c\u6a21\u7cca\u589e\u52a0\u5230 12px\uff0c\u4e0d\u900f\u660e\u5ea6\u589e\u52a0\u5230 15%\u3002<\/p>\n<\/blockquote>","protected":false},"excerpt":{"rendered":"<p>\uc6cc\ub4dc\ud504\ub808\uc2a4 \ube14\ub85c\uadf8\uc758 \ud3ec\uc2a4\ud2b8 \ubaa9\ub85d \ud398\uc774\uc9c0\ub294 \uba54\uc778\ud398\uc774\uc9c0 \ub2e4\uc74c\uc73c\ub85c \ubc29\ubb38\uc790\ub4e4\uc774 \uac00\uc7a5 \uba3c\uc800&#8230;<\/p>","protected":false},"author":3,"featured_media":3800,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[15],"tags":[555,556,553,554,151],"class_list":["post-3796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-it-jewel","tag-css-","tag-556","tag-553","tag-554","tag-151"],"taxonomy_info":{"category":[{"value":15,"label":"D \ubcf4\ubb3c\ucc3d\uace0(Jewel)"}],"post_tag":[{"value":555,"label":"CSS \ud301"},{"value":556,"label":"\ub465\uadfc \ubaa8\uc11c\ub9ac"},{"value":553,"label":"\ube14\ub85c\uadf8 \ub514\uc790\uc778"},{"value":554,"label":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uafb8\ubbf8\uae30"},{"value":151,"label":"\uc6f9\ub514\uc790\uc778"}]},"featured_image_src_large":["https:\/\/secondlife.lol\/wp-content\/uploads\/2024\/11\/\uc6cc\ub4dc\ud504\ub808\uc2a4-\uafb8\ubbf8\uae30-\ud3ec\uc2a4\ud2b8-\uc378\ub124\uc77c-600x600.jpg",600,600,true],"author_info":{"display_name":"TERE","author_link":"https:\/\/secondlife.lol\/zh\/author\/tere\/"},"comment_info":0,"category_info":[{"term_id":15,"name":"D \ubcf4\ubb3c\ucc3d\uace0(Jewel)","slug":"it-jewel","term_group":0,"term_taxonomy_id":15,"taxonomy":"category","description":"","parent":0,"count":59,"filter":"raw","cat_ID":15,"category_count":59,"category_description":"","cat_name":"D \ubcf4\ubb3c\ucc3d\uace0(Jewel)","category_nicename":"it-jewel","category_parent":0}],"tag_info":[{"term_id":555,"name":"CSS \ud301","slug":"css-%ed%8c%81","term_group":0,"term_taxonomy_id":555,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":556,"name":"\ub465\uadfc \ubaa8\uc11c\ub9ac","slug":"%eb%91%a5%ea%b7%bc-%eb%aa%a8%ec%84%9c%eb%a6%ac","term_group":0,"term_taxonomy_id":556,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":553,"name":"\ube14\ub85c\uadf8 \ub514\uc790\uc778","slug":"%eb%b8%94%eb%a1%9c%ea%b7%b8-%eb%94%94%ec%9e%90%ec%9d%b8","term_group":0,"term_taxonomy_id":553,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":554,"name":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \uafb8\ubbf8\uae30","slug":"%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ea%be%b8%eb%af%b8%ea%b8%b0","term_group":0,"term_taxonomy_id":554,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":151,"name":"\uc6f9\ub514\uc790\uc778","slug":"%ec%9b%b9%eb%94%94%ec%9e%90%ec%9d%b8","term_group":0,"term_taxonomy_id":151,"taxonomy":"post_tag","description":"","parent":0,"count":3,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/posts\/3796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/comments?post=3796"}],"version-history":[{"count":7,"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/posts\/3796\/revisions"}],"predecessor-version":[{"id":3834,"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/posts\/3796\/revisions\/3834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/media\/3800"}],"wp:attachment":[{"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/media?parent=3796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/categories?post=3796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/secondlife.lol\/zh\/wp-json\/wp\/v2\/tags?post=3796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}