Ändra HTML kantfärg i C# | Ändra kantfärg CSS

I det här blogginlägget kommer vi att lära oss hur du ändrar HTML-kantfärgen i C#. Den här guiden ger dig de kunskaper och färdigheter du behöver för att effektivt ändra gränsfärg, gränsfärg CSS, HTML tabellkantfärg, etc. i HTML-filer programmatiskt med C#.

Den här artikeln tar upp följande ämnen:

  1. C# API för att ändra kantfärg i HTML-filer
  2. Ändra HTML-kantfärgen
  3. Kantfärgs-CSS med intern CSS
  4. Ändra HTML-tabellens kantfärg
  5. Gratis läranderesurser

C# API för att ändra kantfärg i HTML-filer

Vi kommer att använda Aspose.HTML for .NET för att ändra kantfärgen i HTML-filer. Det är ett kraftfullt och mångsidigt klassbibliotek för flera plattformar som ger utvecklare möjlighet att manipulera och hantera HTML-dokument i sina .NET-applikationer. Det låter dig skapa, redigera och konvertera HTML-filer. Aspose.HTML för .NET låter dig analysera och extrahera innehåll från HTML-filer. Den stöder inte bara HTML5 utan även CSS3- och HTML Canvas-specifikationer, så att du kan utforma dina HTML-dokument och interagera med dynamiska element.

Vänligen antingen ladda ned API:ets DLL eller installera den med NuGet.

PM> Install-Package Aspose.Html

Ändra HTML-kantfärg i C#

Egenskapen border-color ställer in färgen på alla fyra kanterna för ett element. När ett enda värde tilldelas egenskapen border-color, kommer alla kanter att målas med den färgen. Till exempel, om vi ställer in egenskapen border-color till färgen red, kommer alla fyra kantfärgerna att vara red. Alternativt har vi flexibiliteten att ange distinkta färgvärden för de övre, högra, nedre och vänstra gränserna.

Vi kan ändra kantfärgen för alla HTML-element genom att följa stegen nedan:

  1. Ladda en befintlig HTML-fil med HTMLDocument-klassen.
  2. Skaffa det specifika HTMLElementet för att ändra kantfärgen.
  3. Ställ in kantstilsattribut, t.ex. BorderStyle, BorderColor.
  4. Slutligen, spara HTML-dokumentet till en fil.

Följande kodexempel visar hur man ändrar kantfärgen i HTML med C#.

// Förbered sökvägen till HTML-källfilen
string documentPath = "C:\\Files\\input.html";

// Förbered utmatningsbanan för att spara dokument
string savePath = "C:\\Files\\output.html";

// Skapa en instans av ett HTML-dokument
var document = new HTMLDocument(documentPath);

// Hitta h1-elementet för att ställa in ett stilattribut
var header = (HTMLElement)document.GetElementsByTagName("h1").First();

// Ange egenskaper för stilattribut
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";

// Hitta h2-elementet för att ställa in ett stilattribut
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();

// Ange egenskaper för stilattribut
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";

// Spara HTML-dokumentet till en fil
document.Save(Path.Combine(savePath));
Ändra HTML-kantfärg i C#

Ändra HTML-kantfärg i C#

Ändra kantfärg CSS med intern CSS i C#

Vi kan ändra kantfärgen genom att lägga till intern CSS med hjälp av <style> element in an HTML document by following the steps below:

  1. Ladda en befintlig HTML-fil med HTMLDocument-klassen.
  2. Skapa en <style> element using the CreateElement() method.
  3. Ange TextContent för <style> element.
  4. Skaffa det specifika HTMLElementet för att ändra kantfärgen.
  5. Efter det lägger du till stilelementet med metoden AppendChild().
  6. Slutligen, spara HTML-dokumentet till en fil.

Följande kodexempel visar hur man ändrar kantfärgen med intern CSS i C#.

// Förbered sökvägen till HTML-källfilen
string documentPath = "C:\\Files\\input.html";

// Förbered utmatningsbanan för att spara dokument
string savePath = "C:\\Files\\output_css.html";

// Skapa en instans av ett HTML-dokument
var document = new HTMLDocument(documentPath);

// Skapa ett stilelement och tilldela färggräns-stil- och kantfärgvärdena för h1-elementet
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";

// Hitta dokumenthuvudelementet och lägg till stilelement till huvudet
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// Spara HTML-dokumentet till en fil
document.Save(Path.Combine(savePath));

Ovanstående kodexempel lägger till följande <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>

Ändra HTML-tabellkantfärg i C#

Vi kan enkelt ändra kantfärgen på HTML-tabeller med intern eller inline CSS. Vi kan tillämpa <style> element to the HTML <table> element.

Följ stegen nedan för att ändra kantfärgen på HTML-tabellen.

  1. Ladda en befintlig HTML-fil med HTMLDocument-klassen.
  2. Välj tabellen med metoden QuerySelector() .
  3. Ställ in stilattributet med metoden SetAttribute().
  4. Slutligen, spara HTML-dokumentet till en fil.

Följande kodexempel visar hur man ändrar kantfärgen för en HTML-tabell i C#.

// Förbered sökvägen till HTML-källfilen
string documentPath = "C:\\Files\\html_table.html";

// Förbered utmatningsbanan för att spara dokument
string savePath = "C:\\Files\\output_table.html";

// Skapa en instans av ett HTML-dokument
var document = new HTMLDocument(documentPath);

// Skapa en CSS-väljare som väljer det första tabellelementet
var element = document.QuerySelector("table");

// Ställ in stilattribut med egenskaper för det valda elementet               
element.SetAttribute("style", "border: 2px #0000ff solid");

// Spara HTML-dokumentet till en fil
document.Save(savePath);
Ändra HTML-tabellkantfärg i C#

Ändra HTML-tabellkantfärg i C#

Skaffa en gratis licens

Du kan skaffa en gratis tillfällig licens för att prova Aspose.HTML för .NET utan utvärderingsbegränsningar.

Skapa HTML-tabell – Lärresurser

Förutom att ändra kantfärgen kan du lära dig mer om biblioteket och utforska olika andra funktioner med hjälp av resurserna nedan:

Slutsats

I det här blogginlägget har vi lärt oss hur man ändrar kantfärgen i HTML-dokument med C#. Vi har utforskat olika metoder för att ändra kantfärgerna för olika HTML-element. Genom att följa stegen och kodexemplen i den här artikeln kan du enkelt utveckla dina egna anpassade lösningar för att arbeta med HTML-dokument. I händelse av oklarheter är du välkommen att kontakta oss på vårt gratis supportforum.

Se även