У цій публікації блогу ми дізнаємося, як змінити колір рамки HTML у C#. Цей посібник надасть вам знання та навички, необхідні для ефективної зміни кольору рамки, кольору рамки CSS, HTML кольору рамки таблиці тощо у файлах HTML програмним шляхом за допомогою C#.
Ця стаття охоплює такі теми:
- API C# для зміни кольору меж у файлах HTML
- Змінити колір рамки HTML
- CSS кольору рамки за допомогою внутрішнього CSS
- Змінити колір меж таблиці HTML
- Безкоштовні навчальні ресурси
C# API для зміни кольору меж у файлах HTML
Ми будемо використовувати Aspose.HTML for .NET для зміни кольору меж у файлах HTML. Це потужна та універсальна міжплатформна бібліотека класів, яка дозволяє розробникам маніпулювати та керувати документами HTML у своїх програмах .NET. Він дозволяє створювати, редагувати та конвертувати файли HTML. Aspose.HTML for .NET дозволяє аналізувати та видобувати вміст із файлів HTML. Він підтримує не лише HTML5, але також специфікації CSS3 та HTML Canvas, що дозволяє вам створювати стилі для своїх HTML-документів і взаємодіяти з динамічними елементами.
Завантажте DLL API або встановіть його за допомогою NuGet.
PM> Install-Package Aspose.Html
Змінити колір межі HTML у C#
Властивість border-color встановлює колір усіх чотирьох меж елемента. Якщо властивості border-color присвоєно одне значення, усі рамки будуть пофарбовані цим кольором. Наприклад, якщо ми встановимо для властивості border-color колір red, тоді всі чотири кольори рамки будуть червоними. Крім того, у нас є можливість вказати різні значення кольорів для верхньої, правої, нижньої та лівої меж.
Ми можемо змінити колір рамки будь-якого елемента HTML, виконавши наведені нижче дії.
- Завантажте наявний файл HTML за допомогою класу HTMLDocument.
- Отримайте певний HTMLElement, щоб змінити колір рамки.
- Встановіть атрибути стилю межі, наприклад, BorderStyle, BorderColor.
- Нарешті, збережіть документ HTML у файл.
У наведеному нижче прикладі коду показано, як змінити колір рамки в HTML за допомогою C#.
// Підготуйте шлях до вихідного файлу HTML
string documentPath = "C:\\Files\\input.html";
// Підготуйте вихідний шлях для збереження документа
string savePath = "C:\\Files\\output.html";
// Створіть екземпляр документа HTML
var document = new HTMLDocument(documentPath);
// Знайдіть елемент h1, щоб встановити атрибут стилю
var header = (HTMLElement)document.GetElementsByTagName("h1").First();
// Встановити властивості атрибутів стилю
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";
// Знайдіть елемент h2, щоб встановити атрибут стилю
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();
// Встановити властивості атрибутів стилю
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";
// Збережіть документ HTML у файл
document.Save(Path.Combine(savePath));
Змінити колір межі HTML у C#
Зміна кольору рамки CSS за допомогою внутрішнього CSS у C#
Ми можемо змінити колір рамки, додавши внутрішній CSS за допомогою <style> element in an HTML document by following the steps below:
- Завантажте наявний файл HTML за допомогою класу HTMLDocument.
- Створіть
<style>element using the CreateElement() method. - Укажіть TextContent для
<style>element. - Отримайте певний HTMLElement, щоб змінити колір рамки.
- Після цього додайте елемент стилю за допомогою методу AppendChild().
- Нарешті, збережіть документ HTML у файл.
У наведеному нижче прикладі коду показано, як змінити колір рамки за допомогою внутрішнього CSS у C#.
// Підготуйте шлях до вихідного файлу HTML
string documentPath = "C:\\Files\\input.html";
// Підготуйте вихідний шлях для збереження документа
string savePath = "C:\\Files\\output_css.html";
// Створіть екземпляр документа HTML
var document = new HTMLDocument(documentPath);
// Створіть елемент стилю та призначте значення color border-style і border-color для елемента h1
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";
// Знайдіть елемент заголовка документа та додайте до нього елемент стилю
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);
// Збережіть документ HTML у файл
document.Save(Path.Combine(savePath));
Наведений вище приклад коду додає наступний <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>
Змінити колір рамки таблиці HTML у C#
Ми можемо легко змінити колір рамки HTML-таблиць за допомогою внутрішнього або вбудованого CSS. Ми можемо застосувати <style> element to the HTML <table> element.
Будь ласка, виконайте наведені нижче дії, щоб змінити колір рамки таблиці HTML.
- Завантажте наявний файл HTML за допомогою класу HTMLDocument.
- Виберіть таблицю за допомогою методу QuerySelector().
- Встановіть атрибут style за допомогою методу SetAttribute().
- Нарешті, збережіть документ HTML у файл.
У наведеному нижче прикладі коду показано, як змінити колір межі таблиці HTML у C#.
// Підготуйте шлях до вихідного файлу HTML
string documentPath = "C:\\Files\\html_table.html";
// Підготуйте вихідний шлях для збереження документа
string savePath = "C:\\Files\\output_table.html";
// Створіть екземпляр документа HTML
var document = new HTMLDocument(documentPath);
// Створіть селектор CSS, який вибирає перший елемент таблиці
var element = document.QuerySelector("table");
// Встановити атрибут стилю з властивостями для вибраного елемента
element.SetAttribute("style", "border: 2px #0000ff solid");
// Збережіть документ HTML у файл
document.Save(savePath);
Змінити колір рамки таблиці HTML у C#
Отримайте безкоштовну ліцензію
Ви можете отримати безкоштовну тимчасову ліцензію, щоб спробувати Aspose.HTML for .NET без оціночних обмежень.
Створення таблиці HTML – навчальні ресурси
Окрім зміни кольору рамки, ви можете дізнатися більше про бібліотеку та дослідити інші функції, використовуючи наведені нижче ресурси:
Висновок
У цій публікації блогу ми дізналися, як змінити колір межі в документах HTML за допомогою C#. Ми досліджували різні методи зміни кольорів меж різних елементів HTML. Дотримуючись кроків і зразків коду, наведених у цій статті, ви можете легко розробити власні індивідуальні рішення для роботи з документами HTML. У разі будь-якої неясності зв’яжіться з нами на нашому безкоштовному форумі підтримки.