Modifica il colore del bordo HTML in C# | Cambia il colore del bordo CSS

In questo post del blog impareremo come modificare il colore del bordo HTML in C#. Questa guida ti fornirà le conoscenze e le competenze necessarie per modificare in modo efficace il colore del bordo, il colore del bordo CSS, il colore del bordo della tabella HTML, ecc. nei file HTML a livello di codice utilizzando C#.

Questo articolo tratta i seguenti argomenti:

  1. API C# per modificare il colore del bordo nei file HTML
  2. Cambia il colore del bordo HTML
  3. Colore bordo CSS utilizzando CSS interno
  4. Cambia il colore del bordo della tabella HTML
  5. Risorse didattiche gratuite

API C# per modificare il colore del bordo nei file HTML

Utilizzeremo Aspose.HTML for .NET per modificare il colore del bordo nei file HTML. È una libreria di classi multipiattaforma potente e versatile che consente agli sviluppatori di manipolare e gestire documenti HTML all’interno delle loro applicazioni .NET. Ti consente di creare, modificare e convertire file HTML. Aspose.HTML for .NET consente di analizzare ed estrarre contenuto da file HTML. Supporta non solo HTML5 ma anche le specifiche CSS3 e HTML Canvas, permettendoti di dare uno stile ai tuoi documenti HTML e interagire con elementi dinamici.

scarica la DLL dell’API o installala utilizzando NuGet.

PM> Install-Package Aspose.Html

Modifica il colore del bordo HTML in C#

La proprietà “border-color” imposta il colore di tutti e quattro i bordi di un elemento. Quando viene assegnato un singolo valore alla proprietà “border-color”, tutti i bordi verranno dipinti con quel colore. Ad esempio, se impostiamo la proprietà border-color sul colore “red”, tutti e quattro i colori del bordo saranno “red”. In alternativa, abbiamo la flessibilità di specificare valori di colore distinti per i bordi superiore, destro, inferiore e sinistro.

Possiamo cambiare il colore del bordo di qualsiasi elemento HTML seguendo i passaggi seguenti:

  1. Carica un file HTML esistente utilizzando la classe HTMLDocument.
  2. Ottieni l’elemento HTMLElement specifico per modificare il colore del bordo.
  3. Imposta gli attributi dello stile del bordo, ad esempio BorderStyle, BorderColor.
  4. Infine, salva il documento HTML in un file.

L’esempio di codice seguente mostra come modificare il colore del bordo in HTML utilizzando C#.

// Preparare il percorso del file HTML di origine
string documentPath = "C:\\Files\\input.html";

// Preparare il percorso di output per il salvataggio del documento
string savePath = "C:\\Files\\output.html";

// Crea un'istanza di un documento HTML
var document = new HTMLDocument(documentPath);

// Trova l'elemento h1 per impostare un attributo di stile
var header = (HTMLElement)document.GetElementsByTagName("h1").First();

// Imposta le proprietà degli attributi di stile
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";

// Trova l'elemento h2 per impostare un attributo di stile
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();

// Imposta le proprietà degli attributi di stile
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";

// Salvare il documento HTML in un file
document.Save(Path.Combine(savePath));
Modifica il colore del bordo HTML in C#

Modifica il colore del bordo HTML in C#

Cambia il colore del bordo CSS utilizzando CSS interno in C#

Possiamo cambiare il colore del bordo aggiungendo CSS interno usando il <style> element in an HTML document by following the steps below:

  1. Carica un file HTML esistente utilizzando la classe HTMLDocument.
  2. Crea un file <style> element using the CreateElement() method.
  3. Specificare il TextContent per il file <style> element.
  4. Ottieni l’elemento HTMLElement specifico per modificare il colore del bordo.
  5. Successivamente, aggiungi l’elemento style utilizzando il metodo AppendChild().
  6. Infine, salva il documento HTML in un file.

Nell’esempio di codice seguente viene illustrato come modificare il colore del bordo utilizzando CSS interno in C#.

// Preparare il percorso del file HTML di origine
string documentPath = "C:\\Files\\input.html";

// Preparare il percorso di output per il salvataggio del documento
string savePath = "C:\\Files\\output_css.html";

// Crea un'istanza di un documento HTML
var document = new HTMLDocument(documentPath);

// Crea un elemento di stile e assegna i valori color border-style e border-color per l'elemento h1
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";

// Trova l'elemento head del documento e aggiungi l'elemento style alla testa
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// Salvare il documento HTML in un file
document.Save(Path.Combine(savePath));

L’esempio di codice precedente aggiunge il seguente file <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>

Modifica il colore del bordo della tabella HTML in C#

Possiamo facilmente cambiare il colore del bordo delle tabelle HTML utilizzando CSS interni o in linea. Possiamo applicare il <style> element to the HTML <table> element.

Segui i passaggi seguenti per modificare il colore del bordo della tabella HTML.

  1. Carica un file HTML esistente utilizzando la classe HTMLDocument.
  2. Seleziona la tabella utilizzando il metodo QuerySelector().
  3. Imposta l’attributo style utilizzando il metodo SetAttribute().
  4. Infine, salva il documento HTML in un file.

Nell’esempio di codice seguente viene illustrato come modificare il colore del bordo di una tabella HTML in C#.

// Preparare il percorso del file HTML di origine
string documentPath = "C:\\Files\\html_table.html";

// Preparare il percorso di output per il salvataggio del documento
string savePath = "C:\\Files\\output_table.html";

// Crea un'istanza di un documento HTML
var document = new HTMLDocument(documentPath);

// Crea un selettore CSS che seleziona il primo elemento della tabella
var element = document.QuerySelector("table");

// Imposta l'attributo di stile con le proprietà per l'elemento selezionato               
element.SetAttribute("style", "border: 2px #0000ff solid");

// Salvare il documento HTML in un file
document.Save(savePath);
Modifica il colore del bordo della tabella HTML in C#

Modifica il colore del bordo della tabella HTML in C#

Ottieni una licenza gratuita

Puoi ottenere una licenza temporanea gratuita per provare Aspose.HTML for .NET senza limitazioni di valutazione.

Crea tabella HTML – Risorse didattiche

Oltre a modificare il colore del bordo, puoi saperne di più sulla libreria ed esplorare varie altre funzionalità utilizzando le risorse seguenti:

Conclusione

In questo post del blog abbiamo imparato come modificare il colore del bordo nei documenti HTML utilizzando C#. Abbiamo esplorato vari metodi per modificare i colori dei bordi di diversi elementi HTML. Seguendo i passaggi e gli esempi di codice forniti in questo articolo, puoi sviluppare facilmente le tue soluzioni personalizzate per lavorare con i documenti HTML. In caso di ambiguità, non esitate a contattarci sul nostro forum di supporto gratuito.

Guarda anche