在本文中，您將看到如何將條件格式應(yīng)用於Outlook中的Table Borders。我將向您展示如何改變其顏色，寬度和風(fēng)格。然後，我將教您如何一次進(jìn)行幾次修改，並以許多不同的方式為您的Outlook表顏色。

首先，我想為這個(gè)博客的新移民做一個(gè)小頭表明。由於今天我們將討論模板中有條件的格式，我將向您展示如何使用我們的共享電子郵件模板加上Outlook正確設(shè)置它們。該工具可以幫助您將預(yù)先保存的完美格式模板粘貼到電子郵件中，並縮小幾下一點(diǎn)的縮小對(duì)應(yīng)關(guān)係。

如果您已經(jīng)在Outlook Tables教程中閱讀了我的條件格式，則知道如何更改單元格的內(nèi)容和背景顏色。但是，這並不是您可以做的一切來(lái)亮您的Outlook桌子。今天，我將向您展示有條件地為您的桌子邊界上色並修改其寬度和風(fēng)格的方法。

此外，在最後一章中，一個(gè)小獎(jiǎng)金正在等待您，我將向您展示如何同時(shí)應(yīng)用幾次修改，並使您的桌子像7月4^日的煙花一樣豐富多彩而明亮；）

改變牢房邊界的顏色

為了向您展示邊界的繪畫如何工作，我將使用上週教程中的相同樣本。情況如下：我粘貼模板，然後選擇填充表中的折現(xiàn)率。根據(jù)我的選擇，細(xì)胞的邊界將以特定的顏色進(jìn)行顏色。

我今天要著色的桌子是下面的：

樣品標(biāo)頭1	樣品標(biāo)頭2	樣品標(biāo)頭3
?％whattoenter [{dataSet：'帶折扣的數(shù)據(jù)集'，列：'折扣'，標(biāo)題：'select折扣'}]折扣

由於有條件的格式在模板的HTML中處理，讓我們首先打開(kāi)該表的HTML代碼：

1. 打開(kāi)感興趣的模板並命中編輯：

   

2. 在模板的工具欄上查找視圖HTML圖標(biāo)（ ）：

   

3. 請(qǐng)參閱將多次修改的原始HTML：

   

如果您想知道顏色及其與折現(xiàn)率的連接，我會(huì)給您一個(gè)提示:)數(shù)據(jù)集！不知道這是什麼？然後稍作停頓，然後首先閱讀我的可填充Outlook模板教程。

這是我一開(kāi)始使用的原始數(shù)據(jù)集，並在幾章中進(jìn)行一些改進(jìn)：

折扣	顏色代碼
10％	＃00B0F0
15％	＃00B050
20％	＃FFC000
25％	＃4630a0

當(dāng)我需要從此表中檢索必要的顏色代碼時(shí)，我將使用以下宏：

?％whattoenter [{dataSet：'帶折扣的數(shù)據(jù)集'，列：'顏色代碼'}]]

當(dāng)我們涵蓋所有基礎(chǔ)知識(shí)時(shí)，讓我們開(kāi)始更改顏色:)

更新一個(gè)單元的邊框顏色

要為表中的單個(gè)單元格的邊界上色，讓我們首先在模板的HTML中找到其線條，並仔細(xì)查看其組件：

?％whattoenter [{dataSet：帶折扣的數(shù)據(jù)集'，列：'折扣'，標(biāo)題：'select折扣'}]折扣

• “樣式= ”表示單元格的基本參數(shù)集。
• “寬度：32％；邊界：1PX實(shí)心#AEABAB ”是單元格的寬度，顏色和樣式。
• “?％WhatToEnter []折扣”是單元格的內(nèi)容。

該代碼線意味著我將看到一個(gè)具有固體樣式的1PX灰色邊界的單元格。如果我替換任何這些參數(shù)，它可能會(huì)損壞表中表的外觀，即邊框是看不見(jiàn)的（儘管粘貼後一切都看起來(lái)很完美）。

我很想在模板中有一個(gè)標(biāo)準(zhǔn)表，並在粘貼時(shí)對(duì)其進(jìn)行了修改。因此，我添加了一個(gè)新屬性的參數(shù)，這些屬性將在粘貼時(shí)替換原始屬性：

?％WhatToEnter [{dataSet：with justigns'，列：'discount'，title：'select折扣'}]折扣

讓我們檢查上面的HTML線：

• “是第一個(gè)屬性。這些是單元格的原始特徵。
• “ Data-Set-Style = ”是一個(gè)特殊參數(shù)，它將幫助我用粘貼過(guò)程中必要的一組屬性替換上述屬性。
• “邊界：1px固體；邊框色： ”是第二個(gè)屬性的一部分，我們將停止?？?，開(kāi)始與原始的邊界寬度和樣式相同。但是，當(dāng)涉及到顏色時(shí)（我想更改的參數(shù)），我將其替換為邊框顏色：粘貼Whattoenter宏。因此，根據(jù)下拉的選擇，宏將被顏色代碼替換，邊框?qū)⒈恢匦路鬯ⅰ?/li>
• “?％WhatToEnter []折扣”仍然是單元格的內(nèi)容，不需要任何更改。

因此，帶有未來(lái)彩色單元格的完整HTML看起來(lái)像這樣：

樣品標(biāo)頭1	樣品標(biāo)頭2	樣品標(biāo)頭3
?％WhatToEnter [{dataSet：with justigns'，列：'discount'，title：'select折扣'}]折扣	＆nbsp;	＆nbsp;

當(dāng)您粘貼此模板時(shí)，更新的單元格的邊框?qū)⒘⒓匆运x顏色為顏色：

整個(gè)行的油漆邊界

現(xiàn)在，讓我們?cè)跇颖颈淼恼麄€(gè)行上繪製邊界，看看它是如何工作的。邏輯與上面段落中的邏輯絕對(duì)相同，除非您需要更新第二行的所有單元格。一旦將上面的相同的修改應(yīng)用於整個(gè)行，它就會(huì)在粘貼模板時(shí)眨眼。

如果您想查看第二行著色的Ready HTML，則可以：

在

樣品標(biāo)頭1	樣品標(biāo)頭2	樣品標(biāo)頭3
＆nbsp;	＆nbsp;

折扣 顏色代碼 邊界寬度 10％ ＃00B0F0 2 15％ ＃00B050 2.5 20％ ＃FFC000 3 25％ ＃4630a0 3.5

現(xiàn)在，讓我們修改每行的第二個(gè)屬性，然後用以下文本替換1px ：

邊框?qū)挾龋?％whattoenter [{dataSet：'listions justigns'，列：'邊框?qū)挾?}]]

然後，我重複第二行的所有三個(gè)單元格，並在結(jié)果中獲取以下HTML：

在

樣品標(biāo)頭1	樣品標(biāo)頭2	樣品標(biāo)頭3
＆nbsp;	＆nbsp;

保存並粘貼此模板後，將在一封電子郵件中出現(xiàn)擴(kuò)大的藍(lán)色邊框：

在表中修改邊框樣式

在本章中，我想提請(qǐng)您注意另一個(gè)參數(shù) - 樣式。這將處理邊界外觀。在向您展示如何正確應(yīng)用它之前，我需要返回?cái)?shù)據(jù)集並根據(jù)當(dāng)前情況進(jìn)行修改。

折扣	邊境風(fēng)格
10％	虛線
15％	雙倍的
20％	點(diǎn)綴
25％	嶺

我已經(jīng)將每個(gè)折現(xiàn)率與邊境風(fēng)格相關(guān)聯(lián)，並將此數(shù)據(jù)集保存在未來(lái)。檢索我的HTML樣式的宏將是以下：

?％whattoenter [{dataset：“帶折扣的數(shù)據(jù)集”，列：“邊框樣式”}]

現(xiàn)在，我需要用上面的宏來(lái)更新第二行的屬性（我一直使用的默認(rèn)樣式）以獲取以下代碼：

數(shù)據(jù)集寬度：100％；邊界爆發(fā)：崩潰；邊界風(fēng)格：固體；邊框彩色：#AEABAB;“ border =“ 1px”>

樣品標(biāo)頭1

樣品標(biāo)頭2

樣品標(biāo)頭3

在

＆nbsp;

＆nbsp;

如果您將此HTML複製並粘貼到模板上，則結(jié)果不會(huì)讓您等待：

設(shè)置有條件的格式以更改突出顯示，文本顏色和邊界寬度

當(dāng)我將向您展示如何一次應(yīng)用多次修改時(shí)，我們已經(jīng)達(dá)到了最有趣的部分。首先，我將更新數(shù)據(jù)集，我將從中檢索數(shù)據(jù)。由於我決定更改單元格的突出顯示，文本顏色和邊界寬度，因此需要指定所有這些參數(shù)。因此，我的新數(shù)據(jù)集看起來(lái)就是這樣：

折扣	顏色代碼	背景代碼	邊界寬度
10％	＃00B0F0	＃DEEBF6	2
15％	＃00B050	＃E2EFD9	2.5
20％	＃FFC000	＃fff2cc	3
25％	＃4630a0	＃fbe5d5	3.5

因此，如果我選擇10％，必要的文本將以藍(lán)色（＃ 00B0F0 ）繪製，則所選單元的背景將以淺藍(lán)色的色調(diào)（＃ DEEBF6 ）遮蔽，其邊界將被擴(kuò)大兩次。

但是，該數(shù)據(jù)集如何連接到Outlook表格，以便其格式化？我一直在為您準(zhǔn)備這項(xiàng)任務(wù)的2篇文章：）此處是HTML，它將處理所有必要的修改：

data-set->

span數(shù)據(jù)集 - >樣本標(biāo)頭1	樣本標(biāo)頭2	span數(shù)據(jù)集 - >樣品標(biāo)頭3
數(shù)據(jù)集 - >?％WhatToEnter [{dataSet：with justigns'，列：'discount'，title：'select折扣'}]折扣	數(shù)據(jù)集 - >＆nbsp;	數(shù)據(jù)集 - >＆nbsp;

現(xiàn)在，讓我們看看所應(yīng)用的所有修改：

• 樣本標(biāo)頭1 - 本文將從“顏色代碼”列中繪製顏色的標(biāo)頭文本。如果您覺(jué)得需要在文本繪畫上刷新內(nèi)存，請(qǐng)參閱我以前的教程表章中的更改文本字體顏色。
• 數(shù)據(jù)集彩色：紫色;“>數(shù)據(jù)集液化”解碼=“ async” title =“一單擊中應(yīng)用於表及其內(nèi)容的幾個(gè)修改。” src =“ https://cdn.ablebits.com/_img-blog/table-borders/multiple-formatting.png” alt =“一次點(diǎn)擊中應(yīng)用於表及其內(nèi)容的幾個(gè)修改?！?width =“ 640” height =“ 566” />在關(guān)閉此主題之前，我想做的很小的音符。當(dāng)我在桌子上測(cè)試邊框著色時(shí)，我在網(wǎng)上和桌面版本的Outlook中都面臨著邊界的模棱兩可的行為。有點(diǎn)困惑，我向我們的開(kāi)發(fā)人員澄清。他們發(fā)現(xiàn)，不同的Outlook客戶端以不同的方式渲染表，而這種行為的原因是Outlook中的錯(cuò)誤。

  我們的團(tuán)隊(duì)向Microsoft團(tuán)隊(duì)報(bào)告了這個(gè)問(wèn)題，隨時(shí)可以在此Github對(duì)話中查看他們的回應(yīng):)

  最後注意

  我真的希望我能夠說(shuō)服您，Outlook中的桌子不僅是帶有純文本的黑色邊界。有足夠的改進(jìn)和創(chuàng)造力的空間:)

  當(dāng)您決定自己進(jìn)行一些繪畫實(shí)驗(yàn)時(shí)，只需在Microsoft Appsource中安裝共享的電子郵件模板並享受即可！

  如果您對(duì)Outlook表中的有條件格式進(jìn)行一些幫助，只需在評(píng)論部分中留下幾句話，我們會(huì)弄清楚;）

以上是在Outlook表中更改邊框顏色，寬度和樣式的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！