Alterar a cor da borda HTML em C# | Alterar CSS da cor da borda

Nesta postagem do blog, aprenderemos como alterar a cor da borda HTML em C#. Este guia fornecerá o conhecimento e as habilidades necessárias para alterar efetivamente a cor da borda, a cor da borda CSS, a cor da borda da tabela HTML, etc. em arquivos HTML programaticamente usando C#.

Este artigo cobre os seguintes tópicos:

  1. API C# para alterar a cor da borda em arquivos HTML
  2. Alterar a cor da borda HTML
  3. CSS da cor da borda usando CSS interno
  4. Alterar a cor da borda da tabela HTML
  5. Recursos de aprendizagem gratuitos

API C# para alterar a cor da borda em arquivos HTML

Usaremos Aspose.HTML for .NET para alterar a cor da borda em arquivos HTML. É uma biblioteca de classes multiplataforma poderosa e versátil que permite aos desenvolvedores manipular e gerenciar documentos HTML em seus aplicativos .NET. Ele permite criar, editar e converter arquivos HTML. Aspose.HTML for .NET permite analisar e extrair conteúdo de arquivos HTML. Ele suporta não apenas HTML5, mas também especificações CSS3 e HTML Canvas, permitindo estilizar seus documentos HTML e interagir com elementos dinâmicos.

Por favor baixe a DLL da API ou instale-a usando NuGet.

PM> Install-Package Aspose.Html

Alterar a cor da borda HTML em C#

A propriedade border-color define a cor de todas as quatro bordas de um elemento. Quando um único valor é atribuído à propriedade border-color, todas as bordas serão pintadas com essa cor. Por exemplo, se definirmos a propriedade border-color para a cor red, então todas as quatro cores da borda serão red. Alternativamente, temos a flexibilidade de especificar valores de cores distintos para as bordas superior, direita, inferior e esquerda.

Podemos alterar a cor da borda de qualquer elemento HTML seguindo as etapas abaixo:

  1. Carregue um arquivo HTML existente usando a classe HTMLDocument.
  2. Obtenha o HTMLElement específico para alterar a cor da borda.
  3. Defina os atributos de estilo de borda, por exemplo, BorderStyle, BorderColor.
  4. Finalmente, salve o documento HTML em um arquivo.

O exemplo de código a seguir mostra como alterar a cor da borda em HTML usando C#.

// Prepare o caminho para o arquivo HTML de origem
string documentPath = "C:\\Files\\input.html";

// Prepare o caminho de saída para salvar documentos
string savePath = "C:\\Files\\output.html";

// Crie uma instância de um documento HTML
var document = new HTMLDocument(documentPath);

// Encontre o elemento h1 para definir um atributo de estilo
var header = (HTMLElement)document.GetElementsByTagName("h1").First();

// Definir propriedades de atributos de estilo
header.Style.BorderStyle = "solid";
header.Style.BorderColor = "red blue green gray";

// Encontre o elemento h2 para definir um atributo de estilo
var subheading = (HTMLElement)document.GetElementsByTagName("h2").First();

// Definir propriedades de atributos de estilo
subheading.Style.BorderStyle = "solid";
subheading.Style.BorderColor = "black";

// Salve o documento HTML em um arquivo
document.Save(Path.Combine(savePath));
Alterar a cor da borda HTML em C#

Alterar a cor da borda HTML em C#

Alterar CSS da cor da borda usando CSS interno em C#

Podemos alterar a cor da borda adicionando CSS interno usando o <style> element in an HTML document by following the steps below:

  1. Carregue um arquivo HTML existente usando a classe HTMLDocument.
  2. Crie um <style> element using the CreateElement() method.
  3. Especifique o TextContent para <style> element.
  4. Obtenha o HTMLElement específico para alterar a cor da borda.
  5. Depois disso, anexe o elemento de estilo usando o método AppendChild().
  6. Finalmente, salve o documento HTML em um arquivo.

O exemplo de código a seguir mostra como alterar a cor da borda usando CSS interno em C#.

// Prepare o caminho para o arquivo HTML de origem
string documentPath = "C:\\Files\\input.html";

// Prepare o caminho de saída para salvar documentos
string savePath = "C:\\Files\\output_css.html";

// Crie uma instância de um documento HTML
var document = new HTMLDocument(documentPath);

// Crie um elemento de estilo e atribua os valores color border-style e border-color para o elemento h1
var style = document.CreateElement("style");
style.TextContent = "h1 { color:Blue; border-style:solid; border-color:rgb(220,30,100) }";

// Encontre o elemento principal do documento e anexe o elemento de estilo ao cabeçalho
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// Salve o documento HTML em um arquivo
document.Save(Path.Combine(savePath));

O exemplo de código acima acrescenta o seguinte <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>

Alterar a cor da borda da tabela HTML em C#

Podemos alterar facilmente a cor da borda das tabelas HTML usando CSS interno ou embutido. Podemos aplicar o <style> element to the HTML <table> element.

Siga as etapas abaixo para alterar a cor da borda da tabela HTML.

  1. Carregue um arquivo HTML existente usando a classe HTMLDocument.
  2. Selecione a tabela usando o método QuerySelector().
  3. Defina o atributo de estilo usando o método SetAttribute().
  4. Finalmente, salve o documento HTML em um arquivo.

O exemplo de código a seguir mostra como alterar a cor da borda de uma tabela HTML em C#.

// Prepare o caminho para o arquivo HTML de origem
string documentPath = "C:\\Files\\html_table.html";

// Prepare o caminho de saída para salvar documentos
string savePath = "C:\\Files\\output_table.html";

// Crie uma instância de um documento HTML
var document = new HTMLDocument(documentPath);

// Crie um seletor CSS que selecione o primeiro elemento da tabela
var element = document.QuerySelector("table");

// Defina o atributo de estilo com propriedades para o elemento selecionado               
element.SetAttribute("style", "border: 2px #0000ff solid");

// Salve o documento HTML em um arquivo
document.Save(savePath);
Alterar a cor da borda da tabela HTML em C#

Alterar a cor da borda da tabela HTML em C#

Obtenha uma licença gratuita

Você pode obter uma licença temporária gratuita para experimentar o Aspose.HTML for .NET sem limitações de avaliação.

Criar tabela HTML – Recursos de aprendizagem

Além de alterar a cor da borda, você pode aprender mais sobre a biblioteca e explorar diversos outros recursos utilizando os recursos abaixo:

Conclusão

Nesta postagem do blog, aprendemos como alterar a cor da borda em documentos HTML usando C#. Exploramos vários métodos para alterar as cores das bordas de diferentes elementos HTML. Seguindo as etapas e os exemplos de código fornecidos neste artigo, você pode desenvolver facilmente suas próprias soluções personalizadas para trabalhar com documentos HTML. Em caso de qualquer ambigüidade, sinta-se à vontade para nos contatar em nosso fórum de suporte gratuito.

Veja também