تغییر رنگ حاشیه HTML در سی شارپ | CSS رنگ حاشیه را تغییر دهید

در این پست وبلاگ نحوه تغییر رنگ حاشیه HTML در سی شارپ را یاد خواهیم گرفت. این راهنما دانش و مهارت هایی را در اختیار شما قرار می دهد که برای تغییر موثر رنگ حاشیه، رنگ حاشیه CSS، HTML رنگ حاشیه جدول و غیره در فایل های HTML به صورت برنامه ریزی شده با استفاده از سی شارپ نیاز دارید.

این مقاله موضوعات زیر را پوشش می دهد:

  1. C# API برای تغییر رنگ حاشیه در فایل‌های HTML
  2. تغییر رنگ حاشیه HTML
  3. CSS رنگ حاشیه با استفاده از CSS داخلی
  4. تغییر رنگ حاشیه جدول HTML
  5. منابع آموزشی رایگان

C# API برای تغییر رنگ حاشیه در فایل های HTML

ما از Aspose.HTML برای NET برای تغییر رنگ حاشیه در فایل‌های HTML استفاده خواهیم کرد. این یک کتابخانه کلاس چند پلتفرمی قدرتمند و همه کاره است که به توسعه دهندگان اجازه می دهد اسناد HTML را در برنامه های NET خود دستکاری و مدیریت کنند. این به شما امکان می دهد فایل های HTML را ایجاد، ویرایش و تبدیل کنید. Aspose.HTML for .NET شما را قادر می سازد تا محتوا را از فایل های HTML تجزیه و تحلیل و استخراج کنید. این نه تنها از HTML5 بلکه از مشخصات CSS3 و HTML Canvas نیز پشتیبانی می کند و به شما این امکان را می دهد که اسناد HTML خود را سبک دهید و با عناصر پویا تعامل داشته باشید.

لطفاً یا DLL API را دانلود کنید یا آن را با استفاده از NuGet نصب کنید.

PM> Install-Package Aspose.Html

تغییر رنگ حاشیه HTML در سی شارپ

ویژگی “border-color” رنگ هر چهار مرز یک عنصر را تعیین می کند. هنگامی که یک مقدار به ویژگی “border-color” اختصاص داده می شود، تمام حاشیه ها با آن رنگ رنگ می شوند. برای مثال، اگر ویژگی «border-color» را روی رنگ «قرمز» قرار دهیم، هر چهار رنگ حاشیه «قرمز» خواهند بود. از طرف دیگر، ما این قابلیت را داریم که مقادیر رنگ متمایز را برای مرزهای بالا، راست، پایین و چپ مشخص کنیم.

ما می توانیم رنگ حاشیه هر عنصر HTML را با دنبال کردن مراحل زیر تغییر دهیم:

  1. یک فایل HTML موجود را با استفاده از کلاس HTMLDocument بارگیری کنید.
  2. برای تغییر رنگ حاشیه، HTMLElement خاص را دریافت کنید.
  3. ویژگی های سبک حاشیه، به عنوان مثال، BorderStyle، BorderColor را تنظیم کنید.
  4. در نهایت، سند 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 در سی شارپ

تغییر رنگ حاشیه HTML در سی شارپ

تغییر رنگ حاشیه CSS با استفاده از CSS داخلی در سی شارپ

ما می توانیم رنگ حاشیه را با افزودن CSS داخلی با استفاده از تغییر دهیم <style> element in an HTML document by following the steps below:

  1. یک فایل HTML موجود را با استفاده از کلاس HTMLDocument بارگیری کنید.
  2. ایجاد یک <style> element using the CreateElement() method.
  3. TextContent را برای مشخص کنید <style> element.
  4. برای تغییر رنگ حاشیه، HTMLElement خاص را دریافت کنید.
  5. پس از آن، عنصر style را با استفاده از متد AppendChild() اضافه کنید.
  6. در نهایت، سند HTML را در یک فایل ذخیره کنید.

نمونه کد زیر نحوه تغییر رنگ حاشیه با استفاده از CSS داخلی در سی شارپ را نشان می دهد.

// مسیر فایل HTML منبع را آماده کنید
string documentPath = "C:\\Files\\input.html";

// مسیر خروجی را برای ذخیره سند آماده کنید
string savePath = "C:\\Files\\output_css.html";

// یک نمونه از یک سند HTML ایجاد کنید
var document = new HTMLDocument(documentPath);

// یک عنصر سبک ایجاد کنید و مقادیر رنگ مرزی و رنگ مرزی را برای عنصر 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 در سی شارپ

ما به راحتی می توانیم رنگ حاشیه جداول HTML را با استفاده از CSS داخلی یا درون خطی تغییر دهیم. ما می توانیم <style> element to the HTML <table> element.

لطفا مراحل زیر را برای تغییر رنگ حاشیه جدول HTML دنبال کنید.

  1. یک فایل HTML موجود را با استفاده از کلاس HTMLDocument بارگیری کنید.
  2. با استفاده از روش QuerySelector() جدول را انتخاب کنید.
  3. ویژگی style را با استفاده از متد SetAttribute() تنظیم کنید.
  4. در نهایت، سند HTML را در یک فایل ذخیره کنید.

نمونه کد زیر نحوه تغییر رنگ حاشیه جدول 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);
تغییر رنگ حاشیه جدول HTML در سی شارپ

تغییر رنگ حاشیه جدول HTML در سی شارپ

مجوز رایگان دریافت کنید

برای امتحان Aspose.HTML برای دات نت بدون محدودیت ارزیابی می توانید یک مجوز موقت رایگان دریافت کنید.

ایجاد جدول HTML – منابع یادگیری

علاوه بر تغییر رنگ حاشیه، می‌توانید با استفاده از منابع زیر درباره کتابخانه اطلاعات بیشتری کسب کنید و ویژگی‌های مختلف دیگر را کشف کنید:

نتیجه

در این پست وبلاگ نحوه تغییر رنگ حاشیه در اسناد HTML با استفاده از C# را یاد گرفتیم. ما روش های مختلفی را برای تغییر رنگ حاشیه عناصر مختلف HTML بررسی کرده ایم. با دنبال کردن مراحل و نمونه کد ارائه شده در این مقاله، می توانید به راحتی راه حل های سفارشی خود را برای کار با اسناد HTML توسعه دهید. در صورت وجود هرگونه ابهام، لطفاً با ما در تالار گفتمان پشتیبانی رایگان تماس بگیرید.

همچنین ببینید