Zmień kolor obramowania HTML w C# | Zmień kolor obramowania CSS

W tym poście na blogu dowiemy się, jak zmienić kolor obramowania HTML w języku C#. Ten przewodnik zapewni Ci wiedzę i umiejętności potrzebne do skutecznej zmiany koloru obramowania, CSS koloru obramowania, koloru obramowania tabeli HTML itp. w plikach HTML programowo przy użyciu języka C#.

W tym artykule omówiono następujące tematy:

  1. C# API do zmiany koloru obramowania w plikach HTML
  2. Zmień kolor obramowania HTML
  3. CSS koloru obramowania przy użyciu wewnętrznego CSS
  4. Zmień kolor obramowania tabeli HTML
  5. Bezpłatne zasoby edukacyjne

API C# do zmiany koloru obramowania w plikach HTML

Będziemy używać Aspose.HTML for .NET do zmiany koloru obramowania w plikach HTML. Jest to potężna i wszechstronna, wieloplatformowa biblioteka klas, która umożliwia programistom manipulowanie dokumentami HTML i zarządzanie nimi w aplikacjach .NET. Umożliwia tworzenie, edycję i konwersję plików HTML. Aspose.HTML for .NET umożliwia analizowanie i wyodrębnianie treści z plików HTML. Obsługuje nie tylko specyfikacje HTML5, ale także CSS3 i HTML Canvas, umożliwiając stylizację dokumentów HTML i interakcję z elementami dynamicznymi.

Proszę pobierz bibliotekę DLL interfejsu API lub zainstaluj ją za pomocą NuGet.

PM> Install-Package Aspose.Html

Zmień kolor obramowania HTML w C#

Właściwość „border-color” ustawia kolor wszystkich czterech krawędzi elementu. Kiedy do właściwości „border-color” zostanie przypisana pojedyncza wartość, wszystkie obramowania zostaną pomalowane tym kolorem. Na przykład, jeśli ustawimy właściwość „border-color” na kolor „czerwony”, wówczas wszystkie cztery kolory obramowania będą „czerwone”. Alternatywnie możemy elastycznie określić różne wartości kolorów dla górnej, prawej, dolnej i lewej krawędzi.

Możemy zmienić kolor obramowania dowolnego elementu HTML, wykonując poniższe czynności:

  1. Załaduj istniejący plik HTML przy użyciu klasy HTMLDocument.
  2. Pobierz konkretny element HTMLElement, aby zmienić kolor obramowania.
  3. Ustaw atrybuty stylu obramowania, np. BorderStyle, BorderColor.
  4. Na koniec zapisz dokument HTML do pliku.

Poniższy przykładowy kod pokazuje, jak zmienić kolor obramowania w formacie HTML przy użyciu języka C#.

// Przygotuj ścieżkę do źródłowego pliku HTML
string documentPath = "C:\\Files\\input.html";

// Przygotuj ścieżkę wyjściową do zapisania dokumentu
string savePath = "C:\\Files\\output.html";

// Utwórz instancję dokumentu HTML
var document = new HTMLDocument(documentPath);

// Znajdź element h1, aby ustawić atrybut stylu
var header = (HTMLElement)document.GetElementsByTagName("h1").First();

// Ustaw właściwości atrybutów stylu
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";

// Znajdź element h2, aby ustawić atrybut stylu
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();

// Ustaw właściwości atrybutów stylu
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";

// Zapisz dokument HTML do pliku
document.Save(Path.Combine(savePath));
Zmień kolor obramowania HTML w C#

Zmień kolor obramowania HTML w C#

Zmień CSS koloru obramowania za pomocą wewnętrznego CSS w C#

Możemy zmienić kolor obramowania, dodając wewnętrzny CSS za pomocą rozszerzenia <style> element in an HTML document by following the steps below:

  1. Załaduj istniejący plik HTML przy użyciu klasy HTMLDocument.
  2. Utwórz <style> element using the CreateElement() method.
  3. Określ zawartość tekstową dla <style> element.
  4. Pobierz konkretny element HTMLElement, aby zmienić kolor obramowania.
  5. Następnie dołącz element stylu za pomocą metody AppendChild().
  6. Na koniec zapisz dokument HTML do pliku.

Poniższy przykładowy kod pokazuje, jak zmienić kolor obramowania przy użyciu wewnętrznego CSS w języku C#.

// Przygotuj ścieżkę do źródłowego pliku HTML
string documentPath = "C:\\Files\\input.html";

// Przygotuj ścieżkę wyjściową do zapisania dokumentu
string savePath = "C:\\Files\\output_css.html";

// Utwórz instancję dokumentu HTML
var document = new HTMLDocument(documentPath);

// Utwórz element stylu i przypisz wartości koloru obramowania i koloru obramowania dla elementu h1
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";

// Znajdź element nagłówka dokumentu i dołącz do nagłówka element stylu
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// Zapisz dokument HTML do pliku
document.Save(Path.Combine(savePath));

Powyższy przykładowy kod dołącza następujący plik <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>

Zmień kolor obramowania tabeli HTML w C#

Kolor obramowania tabel HTML możemy łatwo zmienić za pomocą wewnętrznego lub wbudowanego CSS. Możemy zastosować <style> element to the HTML <table> element.

Aby zmienić kolor obramowania tabeli HTML, wykonaj poniższe czynności.

  1. Załaduj istniejący plik HTML przy użyciu klasy HTMLDocument.
  2. Wybierz tabelę za pomocą metody QuerySelector().
  3. Ustaw atrybut stylu za pomocą metody SetAttribute().
  4. Na koniec zapisz dokument HTML do pliku.

Poniższy przykładowy kod pokazuje, jak zmienić kolor obramowania tabeli HTML w języku C#.

// Przygotuj ścieżkę do źródłowego pliku HTML
string documentPath = "C:\\Files\\html_table.html";

// Przygotuj ścieżkę wyjściową do zapisania dokumentu
string savePath = "C:\\Files\\output_table.html";

// Utwórz instancję dokumentu HTML
var document = new HTMLDocument(documentPath);

// Utwórz selektor CSS, który wybiera pierwszy element tabeli
var element = document.QuerySelector("table");

// Ustaw atrybut stylu z właściwościami dla wybranego elementu               
element.SetAttribute("style", "border: 2px #0000ff solid");

// Zapisz dokument HTML do pliku
document.Save(savePath);
Zmień kolor obramowania tabeli HTML w C#

Zmień kolor obramowania tabeli HTML w C#

Zdobądź bezpłatną licencję

Możesz uzyskać bezpłatną licencję tymczasową, aby wypróbować Aspose.HTML for .NET bez ograniczeń ewaluacyjnych.

Utwórz tabelę HTML – zasoby edukacyjne

Oprócz zmiany koloru obramowania możesz dowiedzieć się więcej o bibliotece i poznać różne inne funkcje, korzystając z poniższych zasobów:

Wniosek

W tym poście na blogu dowiedzieliśmy się, jak zmienić kolor obramowania w dokumentach HTML za pomocą języka C#. Zbadaliśmy różne metody zmiany kolorów obramowań różnych elementów HTML. Postępując zgodnie z krokami i przykładami kodu opisanymi w tym artykule, możesz łatwo opracować własne, dostosowane do potrzeb rozwiązania do pracy z dokumentami HTML. W przypadku jakichkolwiek niejasności prosimy o kontakt na naszym bezpłatnym forum pomocy technicznej.

Zobacz też