在本文中,您將看到如何將條件格式應用于Outlook中的Table Borders。我將向您展示如何改變其顏色,寬度和風格。然后,我將教您如何一次進行幾次修改,并以許多不同的方式為您的Outlook表顏色。
首先,我想為這個博客的新移民做一個小頭表明。由于今天我們將討論模板中有條件的格式,我將向您展示如何使用我們的共享電子郵件模板加上Outlook正確設置它們。該工具可以幫助您將預先保存的完美格式模板粘貼到電子郵件中,并縮小幾下一點的縮小對應關系。
如果您已經(jīng)在Outlook Tables教程中閱讀了我的條件格式,則知道如何更改單元格的內(nèi)容和背景顏色。但是,這并不是您可以做的一切來亮您的Outlook桌子。今天,我將向您展示有條件地為您的桌子邊界上色并修改其寬度和風格的方法。
此外,在最后一章中,一個小獎金正在等待您,我將向您展示如何同時應用幾次修改,并使您的桌子像7月4日的煙花一樣豐富多彩而明亮;)
改變牢房邊界的顏色
為了向您展示邊界的繪畫如何工作,我將使用上周教程中的相同樣本。情況如下:我粘貼模板,然后選擇填充表中的折現(xiàn)率。根據(jù)我的選擇,細胞的邊界將以特定的顏色進行顏色。
我今天要著色的桌子是下面的:
樣品標頭1 | 樣品標頭2 | 樣品標頭3 |
?%whattoenter [{dataSet:'帶折扣的數(shù)據(jù)集',列:'折扣',標題:'select折扣'}]折扣 |
由于有條件的格式在模板的HTML中處理,讓我們首先打開該表的HTML代碼:
- 打開感興趣的模板并命中編輯:
- 在模板的工具欄上查找視圖HTML圖標( ):
- 請參閱將多次修改的原始HTML:
如果您想知道顏色及其與折現(xiàn)率的連接,我會給您一個提示:)數(shù)據(jù)集!不知道這是什么?然后稍作停頓,然后首先閱讀我的可填充Outlook模板教程。
這是我一開始使用的原始數(shù)據(jù)集,并在幾章中進行一些改進:
折扣 | 顏色代碼 |
10% | #00B0F0 |
15% | #00B050 |
20% | #FFC000 |
25% | #4630a0 |
當我需要從此表中檢索必要的顏色代碼時,我將使用以下宏:
?%whattoenter [{dataSet:'帶折扣的數(shù)據(jù)集',列:'顏色代碼'}]]當我們涵蓋所有基礎知識時,讓我們開始更改顏色:)
更新一個單元的邊框顏色
要為表中的單個單元格的邊界上色,讓我們首先在模板的HTML中找到其線條,并仔細查看其組件:
- “樣式= ”表示單元格的基本參數(shù)集。
- “寬度:32%;邊界:1PX實心#AEABAB ”是單元格的寬度,顏色和樣式。
- “?%WhatToEnter []折扣”是單元格的內(nèi)容。
該代碼線意味著我將看到一個具有固體樣式的1PX灰色邊界的單元格。如果我替換任何這些參數(shù),它可能會損壞表中表的外觀,即邊框是看不見的(盡管粘貼后一切都看起來很完美)。
我很想在模板中有一個標準表,并在粘貼時對其進行了修改。因此,我添加了一個新屬性的參數(shù),這些屬性將在粘貼時替換原始屬性:
讓我們檢查上面的HTML線:
- “是第一個屬性。這些是單元格的原始特征。
- “ Data-Set-Style = ”是一個特殊參數(shù),它將幫助我用粘貼過程中必要的一組屬性替換上述屬性。
- “邊界:1px固體;邊框色: ”是第二個屬性的一部分,我們將停止??矗_始與原始的邊界寬度和樣式相同。但是,當涉及到顏色時(我想更改的參數(shù)),我將其替換為邊框顏色:粘貼Whattoenter宏。因此,根據(jù)下拉的選擇,宏將被顏色代碼替換,邊框將被重新粉刷。
- “?%WhatToEnter []折扣”仍然是單元格的內(nèi)容,不需要任何更改。
因此,帶有未來彩色單元格的完整HTML看起來像這樣:
樣品標頭1 | 樣品標頭2 | 樣品標頭3 |
?%WhatToEnter [{dataSet:with justigns',列:'discount',title:'select折扣'}]折扣 |   |   |
當您粘貼此模板時,更新的單元格的邊框將立即以所選顏色為顏色:
整個行的油漆邊界
現(xiàn)在,讓我們在樣本表的整個行上繪制邊界,看看它是如何工作的。邏輯與上面段落中的邏輯絕對相同,除非您需要更新第二行的所有單元格。一旦將上面的相同的修改應用于整個行,它就會在粘貼模板時眨眼。
如果您想查看第二行著色的Ready HTML,則可以:
樣品標頭1 | 樣品標頭2 | 樣品標頭3 |   |   |
更改邊框寬度
現(xiàn)在,讓我們嘗試不僅更新邊框顏色,還要更新其寬度。再看一下粘貼時替代原始屬性的HTML屬性:
data-set->?%whattoenter [{dataSet:帶折扣的數(shù)據(jù)集',列:'折扣',標題:'select折扣'}]折扣看到1PX參數(shù)?這是要著色邊界的寬度。您可以手動將其更改為2,一旦粘貼桌子邊界將變得更寬。
但是,我會以另一種方式做。我將更新我的數(shù)據(jù)集,并添加一個帶有邊界寬度的新列。在這種情況下,一旦我選擇了粘貼的當前速率,顏色和寬度都將被更新。
折扣 | 顏色代碼 | 邊界寬度 |
10% | #00B0F0 | 2 |
15% | #00B050 | 2.5 |
20% | #FFC000 | 3 |
25% | #4630a0 | 3.5 |
現(xiàn)在,讓我們修改每行的第二個屬性,然后用以下文本替換1px :
邊框寬度:?%whattoenter [{dataSet:'listions justigns',列:'邊框寬度'}]]然后,我重復第二行的所有三個單元格,并在結果中獲取以下HTML:
樣品標頭1 | 樣品標頭2 | 樣品標頭3 |   |   |
保存并粘貼此模板后,將在一封電子郵件中出現(xiàn)擴大的藍色邊框:
在表中修改邊框樣式
在本章中,我想提請您注意另一個參數(shù) - 樣式。這將處理邊界外觀。在向您展示如何正確應用它之前,我需要返回數(shù)據(jù)集并根據(jù)當前情況進行修改。
折扣 | 邊境風格 |
10% | 虛線 |
15% | 雙倍的 |
20% | 點綴 |
25% | 嶺 |
我已經(jīng)將每個折現(xiàn)率與邊境風格相關聯(lián),并將此數(shù)據(jù)集保存在未來。檢索我的HTML樣式的宏將是以下:
?%whattoenter [{dataset:“帶折扣的數(shù)據(jù)集”,列:“邊框樣式”}]現(xiàn)在,我需要用上面的宏來更新第二行的屬性(我一直使用的默認樣式)以獲取以下代碼:
數(shù)據(jù)集寬度:100%;邊界爆發(fā):崩潰;邊界風格:固體;邊框彩色:#AEABAB;“ border =“ 1px”>
在
如果您將此HTML復制并粘貼到模板上,則結果不會讓您等待:
設置有條件的格式以更改突出顯示,文本顏色和邊界寬度
當我將向您展示如何一次應用多次修改時,我們已經(jīng)達到了最有趣的部分。首先,我將更新數(shù)據(jù)集,我將從中檢索數(shù)據(jù)。由于我決定更改單元格的突出顯示,文本顏色和邊界寬度,因此需要指定所有這些參數(shù)。因此,我的新數(shù)據(jù)集看起來就是這樣:
折扣 | 顏色代碼 | 背景代碼 | 邊界寬度 |
10% | #00B0F0 | #DEEBF6 | 2 |
15% | #00B050 | #E2EFD9 | 2.5 |
20% | #FFC000 | #fff2cc | 3 |
25% | #4630a0 | #fbe5d5 | 3.5 |
因此,如果我選擇10%,必要的文本將以藍色(# 00B0F0 )繪制,則所選單元的背景將以淺藍色的色調(diào)(# DEEBF6 )遮蔽,其邊界將被擴大兩次。
但是,該數(shù)據(jù)集如何連接到Outlook表格,以便其格式化?我一直在為您準備這項任務的2篇文章:)此處是HTML,它將處理所有必要的修改:
span數(shù)據(jù)集 - >樣本標頭1 | |
span數(shù)據(jù)集 - >樣品標頭3 |
數(shù)據(jù)集 - >?%WhatToEnter [{dataSet:with justigns',列:'discount',title:'select折扣'}]折扣 | 數(shù)據(jù)集 - >  | 數(shù)據(jù)集 - >  |
現(xiàn)在,讓我們看看所應用的所有修改:
- 樣本標頭1 - 本文將從“顏色代碼”列中繪制顏色的標頭文本。如果您覺得需要在文本繪畫上刷新內(nèi)存,請參閱我以前的教程表章中的更改文本字體顏色。
-
數(shù)據(jù)集彩色:紫色;“>數(shù)據(jù)集液化”解碼=“ async” title =“一單擊中應用于表及其內(nèi)容的幾個修改。” src =“ https://cdn.ablebits.com/_img-blog/table-borders/multiple-formatting.png” alt =“一次點擊中應用于表及其內(nèi)容的幾個修改。” width =“ 640” height =“ 566” />在關閉此主題之前,我想做的很小的音符。當我在桌子上測試邊框著色時,我在網(wǎng)上和桌面版本的Outlook中都面臨著邊界的模棱兩可的行為。有點困惑,我向我們的開發(fā)人員澄清。他們發(fā)現(xiàn),不同的Outlook客戶端以不同的方式渲染表,而這種行為的原因是Outlook中的錯誤。
我們的團隊向Microsoft團隊報告了這個問題,隨時可以在此Github對話中查看他們的回應:)
最后注意
我真的希望我能夠說服您,Outlook中的桌子不僅是帶有純文本的黑色邊界。有足夠的改進和創(chuàng)造力的空間:)
當您決定自己進行一些繪畫實驗時,只需在Microsoft Appsource中安裝共享的電子郵件模板并享受即可!
如果您對Outlook表中的有條件格式進行一些幫助,只需在評論部分中留下幾句話,我們會弄清楚;)
以上是在Outlook表中更改邊框顏色,寬度和樣式的詳細內(nèi)容。更多信息請關注PHP中文網(wǎng)其他相關文章!

熱AI工具

Undress AI Tool
免費脫衣服圖片

Undresser.AI Undress
人工智能驅動的應用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。

Clothoff.io
AI脫衣機

Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的代碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)