Změnit barvu ohraničení HTML v C# | Změnit barvu okraje CSS

V tomto příspěvku na blogu se naučíme, jak změnit barvu ohraničení HTML v C#. Tato příručka vám poskytne znalosti a dovednosti, které potřebujete k efektivní změně barvy ohraničení, barvy ohraničení CSS, HTML barvy ohraničení tabulky atd. v souborech HTML programově pomocí C#.

Tento článek se zabývá následujícími tématy:

  1. C# API pro změnu barvy ohraničení v souborech HTML
  2. Změnit barvu ohraničení HTML
  3. Ohraničení barvy CSS pomocí interního CSS
  4. Změňte barvu ohraničení HTML tabulky
  5. Bezplatné výukové zdroje

C# API pro změnu barvy ohraničení v souborech HTML

Pro změnu barvy ohraničení v HTML souborech použijeme Aspose.HTML for .NET. Je to výkonná a všestranná knihovna tříd napříč platformami, která umožňuje vývojářům manipulovat a spravovat dokumenty HTML v rámci jejich aplikací .NET. Umožňuje vytvářet, upravovat a převádět soubory HTML. Aspose.HTML for .NET umožňuje analyzovat a extrahovat obsah ze souborů HTML. Podporuje nejen HTML5, ale také specifikace CSS3 a HTML Canvas, což vám umožňuje stylovat dokumenty HTML a pracovat s dynamickými prvky.

Prosím buď stáhněte si DLL rozhraní API, nebo jej nainstalujte pomocí NuGet.

PM> Install-Package Aspose.Html

Změnit barvu ohraničení HTML v C#

Vlastnost border-color nastavuje barvu všech čtyř ohraničení prvku. Když je vlastnosti border-color přiřazena jediná hodnota, všechny okraje budou vybarveny touto barvou. Pokud například nastavíme vlastnost border-color na barvu červená, pak všechny čtyři barvy ohraničení budou červené. Alternativně máme možnost určit odlišné hodnoty barev pro horní, pravý, spodní a levý okraj.

Barvu ohraničení libovolného prvku HTML můžeme změnit podle následujících kroků:

  1. Načtěte existující soubor HTML pomocí třídy HTMLDocument.
  2. Získejte konkrétní HTMLElement pro změnu barvy ohraničení.
  3. Nastavte atributy stylu ohraničení, např. BorderStyle, BorderColor.
  4. Nakonec uložte dokument HTML do souboru.

Následující ukázka kódu ukazuje, jak změnit barvu ohraničení v HTML pomocí C#.

// Připravte cestu ke zdrojovému HTML souboru
string documentPath = "C:\\Files\\input.html";

// Připravte výstupní cestu pro uložení dokumentu
string savePath = "C:\\Files\\output.html";

// Vytvořte instanci dokumentu HTML
var document = new HTMLDocument(documentPath);

// Najděte prvek h1 pro nastavení atributu stylu
var header = (HTMLElement)document.GetElementsByTagName("h1").First();

// Nastavte vlastnosti atributu stylu
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";

// Najděte prvek h2 pro nastavení atributu stylu
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();

// Nastavte vlastnosti atributu stylu
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";

// Uložte dokument HTML do souboru
document.Save(Path.Combine(savePath));
Změnit barvu ohraničení HTML v C#

Změnit barvu ohraničení HTML v C#

Změnit barvu okrajů CSS pomocí interního CSS v C#

Barvu ohraničení můžeme změnit přidáním interního CSS pomocí <style> element in an HTML document by following the steps below:

  1. Načtěte existující soubor HTML pomocí třídy HTMLDocument.
  2. Vytvořte <style> element using the CreateElement() method.
  3. Zadejte TextContent pro <style> element.
  4. Získejte konkrétní HTMLElement pro změnu barvy ohraničení.
  5. Poté přidejte prvek stylu pomocí metody AppendChild().
  6. Nakonec uložte dokument HTML do souboru.

Následující ukázka kódu ukazuje, jak změnit barvu ohraničení pomocí interního CSS v C#.

// Připravte cestu ke zdrojovému HTML souboru
string documentPath = "C:\\Files\\input.html";

// Připravte výstupní cestu pro uložení dokumentu
string savePath = "C:\\Files\\output_css.html";

// Vytvořte instanci dokumentu HTML
var document = new HTMLDocument(documentPath);

// Vytvořte prvek stylu a přiřaďte hodnoty color border-style a border-color pro prvek h1
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";

// Najděte prvek hlavičky dokumentu a přidejte prvek stylu k hlavičce
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// Uložte dokument HTML do souboru
document.Save(Path.Combine(savePath));

Výše uvedená ukázka kódu připojuje následující <style> element in the <head> section of the output HTML document.

<style>
h1 { 
	color: blue; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: rgb(220, 30, 100); 
	border-right-color: rgb(220, 30, 100); 
	border-bottom-color: rgb(220, 30, 100); 
	border-left-color: rgb(220, 30, 100); }
</style>

Změnit barvu ohraničení HTML tabulky v C#

Barvu ohraničení HTML tabulek můžeme snadno změnit pomocí interního nebo inline CSS. Můžeme použít <style> element to the HTML <table> element.

Chcete-li změnit barvu ohraničení tabulky HTML, postupujte podle následujících kroků.

  1. Načtěte existující soubor HTML pomocí třídy HTMLDocument.
  2. Vyberte tabulku pomocí metody QuerySelector().
  3. Nastavte atribut stylu pomocí metody SetAttribute().
  4. Nakonec uložte dokument HTML do souboru.

Následující ukázka kódu ukazuje, jak změnit barvu ohraničení tabulky HTML v C#.

// Připravte cestu ke zdrojovému HTML souboru
string documentPath = "C:\\Files\\html_table.html";

// Připravte výstupní cestu pro uložení dokumentu
string savePath = "C:\\Files\\output_table.html";

// Vytvořte instanci dokumentu HTML
var document = new HTMLDocument(documentPath);

// Vytvořte selektor CSS, který vybere první prvek tabulky
var element = document.QuerySelector("table");

// Nastavte atribut stylu s vlastnostmi pro vybraný prvek               
element.SetAttribute("style", "border: 2px #0000ff solid");

// Uložte dokument HTML do souboru
document.Save(savePath);
Změnit barvu ohraničení HTML tabulky v C#

Změnit barvu ohraničení HTML tabulky v C#

Získejte bezplatnou licenci

Můžete získat bezplatnou dočasnou licenci a vyzkoušet Aspose.HTML for .NET bez omezení hodnocení.

Vytvořte tabulku HTML – výukové materiály

Kromě změny barvy ohraničení se můžete dozvědět více o knihovně a prozkoumat různé další funkce pomocí zdrojů níže:

Závěr

V tomto blogovém příspěvku jsme se naučili, jak změnit barvu ohraničení v HTML dokumentech pomocí C#. Prozkoumali jsme různé metody pro změnu barev ohraničení různých prvků HTML. Podle kroků a ukázek kódu uvedených v tomto článku můžete snadno vyvinout vlastní přizpůsobená řešení pro práci s dokumenty HTML. V případě jakýchkoliv nejasností nás prosím neváhejte kontaktovat na našem bezplatném fóru podpory.

Viz také