{"id":2048,"date":"2025-02-19T04:48:06","date_gmt":"2025-02-19T04:48:06","guid":{"rendered":"https:\/\/tableberg.com\/?p=2048"},"modified":"2025-02-19T04:48:10","modified_gmt":"2025-02-19T04:48:10","slug":"wie-man-die-farbe-des-tabellenrandes-in-wordpress-andert","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-change-table-border-color-in-wordpress\/","title":{"rendered":"\u00c4ndern der Farbe des Tabellenrandes in WordPress"},"content":{"rendered":"<p>Tabellenr\u00e4nder beziehen sich auf die Linien, die die Zellen in einer Tabelle umgeben und voneinander trennen. Standardm\u00e4\u00dfig f\u00fcgt WordPress den Tabellen eine Standard-Rahmenfarbe hinzu. Je nach Webdesign k\u00f6nnen Sie jedoch die Farbe der Tabellenr\u00e4nder \u00e4ndern.<\/p>\n\n\n\n<p>Aber wie kann man sie \u00e4ndern? Um Ihnen zu helfen, zeigen wir Ihnen in diesem Blogbeitrag zwei einfache Methoden, wie Sie die Farbe des Tabellenrandes in WordPress \u00e4ndern k\u00f6nnen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Methode 1: <a href=\"#Changing-the-Border-Color-of-the-default-Table-Block\">\u00c4ndern der Farbe des Randes des Standard-Tabellenblocks<\/a><\/li>\n\n\n\n<li>Methode 2: <a href=\"#Changing-the-Border-Color-of-the-Tableberg-Block\">\u00c4ndern der Farbe des Randes des Tableberg-Blocks<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Sch\u00f6ne Tische erstellen <\/strong><br><strong>Mit Block-Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Kostenlos ausprobieren<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/de\/preisgestaltung\/\" target=\"_blank\" rel=\"noreferrer noopener\">Profi werden<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Border-Color-of-the-default-Table-Block\">Methode 1: \u00c4ndern der Farbe des Randes des Standard-Tabellenblocks<\/h2>\n\n\n\n<p>Die <a href=\"https:\/\/tableberg.com\/de\/wie-man-den-wordpress-tabellenblock-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Standard-Tabellenblock<\/a> erm\u00f6glicht es Ihnen, die Farbe des Rahmens um die Tabelle zu \u00e4ndern. So geht's.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 01: W\u00e4hlen Sie die Tabelle aus und gehen Sie auf die Registerkarte \"Stile<\/h3>\n\n\n\n<p>Platzieren Sie den Cursor irgendwo auf dem Tisch. Und gehen Sie dann auf die Seite <strong>Registerkarte \"Stile<\/strong> aus dem Optionsfeld auf der rechten Seite.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab.webp\" alt=\"W\u00e4hlen Sie die Tabelle aus und gehen Sie auf die Registerkarte &quot;Stile\" class=\"wp-image-2057\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Select-the-Table-and-Go-to-the-Styles-Tab-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 02: W\u00e4hlen Sie die Option \"Rand\" und \u00e4ndern Sie die Farbe<\/h3>\n\n\n\n<p><strong>Option \"Come to the Border<\/strong> indem Sie auf der Registerkarte Stile nach unten bl\u00e4ttern. <strong>Klicken Sie auf den Kreis<\/strong> unter der Option Rahmen. Sie k\u00f6nnen eine Farbe f\u00fcr die Umrandung der Tabelle festlegen.<\/p>\n\n\n\n<p><strong>Anmerkung:<\/strong> Der Tabellenblock erlaubt es Ihnen nicht, die Farbe des inneren Rahmens zu \u00e4ndern.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color.webp\" alt=\"W\u00e4hlen Sie die Option &quot;Rand&quot; und \u00e4ndern Sie ihre Farbe\" class=\"wp-image-2058\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Come-to-the-Border-Option-and-Change-Its-Color-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_996daf4d-0dc4-433a-aa08-085348617025\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Changing-the-Border-Color-of-the-Tableberg-Block\">Methode 2: \u00c4ndern der Farbe des Randes des Tableberg-Blocks<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tischberg<\/a> ist ein blockbasiertes Plugin f\u00fcr die Tabellenerstellung. Mit diesem Plugin k\u00f6nnen Sie die Farbe der internen und externen R\u00e4nder Ihrer Tabellen \u00e4ndern. Hier ist eine Anleitung zu <a href=\"https:\/\/tableberg.com\/de\/docs\/wie-sie-ihre-erste-tabelle-mit-tableberg-erstellen\/\" target=\"_blank\" rel=\"noreferrer noopener\">wie man eine Tabelle mit TableBerg erstellt<\/a>.<\/p>\n\n\n\n<p>Nun wollen wir sehen, wie man die Farbe des Rahmens des Tableberg-Blocks \u00e4ndert. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 01: W\u00e4hlen Sie die Tabelle aus und gehen Sie zur Registerkarte Stile<\/h3>\n\n\n\n<p>W\u00e4hlen Sie die gesamte Tabelle durch <strong>Anklicken des TableBerg-Symbols<\/strong> (1) in der Symbolleiste. Gehen Sie zum <strong>Registerkarte \"Stile<\/strong> (2) danach.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2426\" height=\"960\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block.png\" alt=\"\" class=\"wp-image-3870\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block.png 2426w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-300x119.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-1024x405.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-768x304.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-1536x608.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-2048x810.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Styles-tab-of-Tableberg-Block-18x7.png 18w\" sizes=\"auto, (max-width: 2426px) 100vw, 2426px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 02: Finden Sie die Optionen f\u00fcr den Tabellenrand<\/h3>\n\n\n\n<p>Wenn Sie auf der Registerkarte nach unten bl\u00e4ttern, gelangen Sie zu den Optionen f\u00fcr den Tabellenrand. Hier finden Sie zwei Optionen - Tabellenrand und Innerer Rand.<\/p>\n\n\n\n<p>Mit der ersten Option k\u00f6nnen Sie die Rahmenfarbe der Tabelle \u00e4ndern. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2414\" height=\"1160\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block.png\" alt=\"\" class=\"wp-image-3871\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block.png 2414w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-300x144.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-1024x492.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-768x369.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-1536x738.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-2048x984.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Table-Border-color-of-the-Tableberg-Block-18x9.png 18w\" sizes=\"auto, (max-width: 2414px) 100vw, 2414px\" \/><\/figure>\n\n\n\n<p>Als N\u00e4chstes w\u00e4hlen Sie die Option Innere Umrandung. Legen Sie die gew\u00fcnschte Farbe fest.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2432\" height=\"1546\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block.png\" alt=\"\" class=\"wp-image-3872\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block.png 2432w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-300x191.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-1024x651.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-768x488.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-1536x976.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-2048x1302.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/Inner-Border-color-of-the-Tableberg-Block-18x12.png 18w\" sizes=\"auto, (max-width: 2432px) 100vw, 2432px\" \/><\/figure>\n\n\n\n<p>So k\u00f6nnen Sie die Farbe des Tabellenrandes in WordPress \u00e4ndern.<\/p>\n\n\n\n<p><strong>Lesen Sie auch: <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tableberg.com\/de\/docs\/wie-man-den-rand-einer-einzelnen-spalte-mit-farbe-und-radius-andert\/\" target=\"_blank\" rel=\"noreferrer noopener\">So \u00e4ndern Sie den Rand einer einzelnen Spalte<\/a> <\/li>\n\n\n\n<li><a href=\"https:\/\/tableberg.com\/de\/docs\/wie-man-den-rand-einer-einzelnen-zeile-andert\/\" target=\"_blank\" rel=\"noreferrer noopener\">So \u00e4ndern Sie den Rand einer einzelnen Zeile<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_82f77efb-f59e-431a-93ca-cef686c57115\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Schlussfolgerung<\/h3>\n\n\n\n<p>Es ist also nicht mehr schwierig, die Farbe des Tabellenrahmens anzupassen. Wir hoffen, dass Sie mit dieser Anleitung die Farbe des Tabellenrahmens \u00e4ndern k\u00f6nnen und Ihren Inhalten und Ihrem Webdesign einen zus\u00e4tzlichen professionellen Touch verleihen.<\/p>\n\n\n\n<p>Bevor Sie diesen Beitrag verlassen, lesen Sie diesen Leitfaden \u00fcber <a href=\"https:\/\/tableberg.com\/de\/wie-man-wordpress-bilder-in-spalten-und-zeilen-anzeigt\/\" target=\"_blank\" rel=\"noreferrer noopener\">wie man Bilder zu Tabellen in WordPress hinzuf\u00fcgt<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Table borders refer to the lines that surround and separate the cells within a table. By default, WordPress adds a standard border color to the tables. But depending on your web design, you may want to change your table border color. But how to change it? To help you out, in this blog post we&#8217;ll [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2108,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[10,103,9],"class_list":["post-2048","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-customize-table","tag-table-border","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Table-Border-Color-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/de\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/2048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=2048"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/2048\/revisions"}],"predecessor-version":[{"id":7706,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/2048\/revisions\/7706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/2108"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=2048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=2048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=2048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}