在 C# 中更改 HTML 边框颜色 |更改边框颜色 CSS

在这篇博文中，我们将学习如何在 C# 中更改 HTML 边框颜色。本指南将为您提供使用 C# 以编程方式有效更改 HTML 文件中的边框颜色、边框颜色 CSS、HTML 表格边框颜色等所需的知识和技能。

本文涵盖以下主题：

  1. 用于更改 HTML 文件中边框颜色的 C# API
  2. 更改 HTML 边框颜色
  3. 使用内部 CSS 的边框颜色 CSS
  4. 更改 HTML 表格边框颜色
  5. 免费学习资源

用于更改 HTML 文件中边框颜色的 C# API

我们将使用 Aspose.HTML for .NET 更改 HTML 文件中的边框颜色。它是一个功能强大且多功能的跨平台类库，使开发人员能够在其 .NET 应用程序中操作和管理 HTML 文档。它允许您创建、编辑和转换 HTML 文件。 Aspose.HTML for .NET 使您能够分析和提取 HTML 文件中的内容。它不仅支持 HTML5，还支持 CSS3 和 HTML Canvas 规范，允许您设置 HTML 文档的样式并与动态元素交互。

请下载 API 的 DLL 或使用 NuGet 安装它。

PM> Install-Package Aspose.Html

在 C# 中更改 HTML 边框颜色

“border-color”属性设置元素的所有四个边框的颜色。当为“border-color”属性分配单个值时，所有边框都将涂上该颜色。例如，如果我们将“border-color”属性设置为“red”，则所有四个边框颜色都将为“red”。或者，我们可以灵活地为上、右、下和左边框指定不同的颜色值。

我们可以按照以下步骤更改任何 HTML 元素的边框颜色：

  1. 使用 HTMLDocument 类加载现有 HTML 文件。
  2. 获取特定的 HTMLElement 以更改边框颜色。
  3. 设置边框样式属性，例如BorderStyle、BorderColor。
  4. 最后，将 HTML 文档保存到文件中。

以下代码示例演示如何使用 C# 更改 HTML 中的边框颜色。

// 准备源 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));
在 C# 中更改 HTML 边框颜色

在 C# 中更改 HTML 边框颜色

在 C# 中使用内部 CSS 更改边框颜色 CSS

我们可以通过使用 添加内部 CSS 来更改边框颜色<style> element in an HTML document by following the steps below:

  1. 使用 HTMLDocument 类加载现有 HTML 文件。
  2. 创建一个 <style> element using the CreateElement() method.
  3. 指定 的 TextContent <style> element.
  4. 获取特定的 HTMLElement 以更改边框颜色。
  5. 之后，使用 AppendChild() 方法附加样式元素。
  6. 最后，将 HTML 文档保存到文件中。

以下代码示例演示如何使用 C# 中的内部 CSS 更改边框颜色。

// 准备源 HTML 文件的路径
string documentPath = "C:\\Files\\input.html";

// 准备文档保存的输出路径
string savePath = "C:\\Files\\output_css.html";

// 创建 HTML 文档的实例
var document = new HTMLDocument(documentPath);

// 创建一个 style 元素并为 h1 元素分配颜色 border-style 和 border-color 值
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>

在 C# 中更改 HTML 表格边框颜色

我们可以使用内部或内联 CSS 轻松更改 HTML 表格的边框颜色。我们可以应用 <style> element to the HTML <table> element.

请按照以下步骤更改 HTML 表格的边框颜色。

  1. 使用 HTMLDocument 类加载现有 HTML 文件。
  2. 使用 QuerySelector() 方法选择表。
  3. 使用 SetAttribute() 方法设置样式属性。
  4. 最后，将 HTML 文档保存到文件中。

以下代码示例演示如何在 C# 中更改 HTML 表格的边框颜色。

// 准备源 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);
在 C# 中更改 HTML 表格边框颜色

在 C# 中更改 HTML 表格边框颜色

获取免费许可证

您可以获得免费的临时许可证来尝试 Aspose.HTML for .NET，而不受评估限制。

创建 HTML 表 – 学习资源

除了更改边框颜色之外，您还可以使用以下资源了解有关该库的更多信息并探索各种其他功能：

结论

在这篇博文中，我们学习了如何使用 C# 更改 HTML 文档中的边框颜色。我们探索了各种方法来更改不同 HTML 元素的边框颜色。通过遵循本文中提供的步骤和代码示例，您可以轻松开发自己的自定义解决方案来处理 HTML 文档。如有任何疑问，请随时通过我们的免费支持论坛与我们联系。

也可以看看