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

熱AI工具

Undress AI Tool
免費脫衣圖片

Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序,用於創(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)
