שנה צבע גבול HTML ב-C# | שנה צבע גבול CSS

בפוסט זה בבלוג, נלמד כיצד לשנות את צבע הגבול של HTML ב-C#. מדריך זה יספק לך את הידע והמיומנויות הדרושים לך כדי לשנות ביעילות את צבע הגבול, צבע הגבול CSS, צבע הגבול של הטבלה HTML וכו’ בקובצי HTML באופן פרוגרמטי באמצעות C#.

מאמר זה עוסק בנושאים הבאים:

  1. C# API לשינוי צבע הגבול בקובצי HTML
  2. שנה את צבע הגבול של HTML
  3. CSS בצבע גבול באמצעות CSS פנימי
  4. שנה את צבע הגבול של טבלת HTML
  5. משאבי למידה בחינם

C# API לשינוי צבע גבול בקובצי HTML

נשתמש ב-Aspose.HTML for .NET לשינוי צבע הגבול בקובצי HTML. זוהי ספריית כיתות חוצת פלטפורמות רבת עוצמה ומגוונת המאפשרת למפתחים לתפעל ולנהל מסמכי HTML בתוך יישומי ה-.NET שלהם. זה מאפשר לך ליצור, לערוך ולהמיר קבצי HTML. Aspose.HTML עבור .NET מאפשר לך לנתח ולחלץ תוכן מקובצי HTML. הוא תומך לא רק ב-HTML5 אלא גם במפרטי CSS3 ו-HTML Canvas, מה שמאפשר לך לסגנן את מסמכי ה-HTML שלך ולקיים אינטראקציה עם אלמנטים דינמיים.

אנא הורד את ה-DLL של ה-API או התקן אותו באמצעות NuGet.

PM> Install-Package Aspose.Html

שנה צבע גבול HTML ב-C#

המאפיין ‘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 ב-C#

שנה צבע גבול HTML ב-C#

שנה CSS של צבע גבול באמצעות CSS פנימי ב-C#

אנו יכולים לשנות את צבע הגבול על ידי הוספת CSS פנימי באמצעות ה- <style> element in an HTML document by following the steps below:

  1. טען קובץ HTML קיים באמצעות המחלקה HTMLDocument.
  2. צור <style> element using the CreateElement() method.
  3. ציין את תוכן הטקסט עבור <style> element.
  4. קבל את HTMLElement הספציפי כדי לשנות את צבע הגבול.
  5. לאחר מכן, הוסף את רכיב הסגנון באמצעות שיטת AppendChild() .
  6. לבסוף, שמור את מסמך ה-HTML בקובץ.

דוגמת הקוד הבאה מראה כיצד לשנות את צבע הגבול באמצעות CSS פנימי ב-C#.

// הכן נתיב לקובץ 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 ב-C#

אנו יכולים לשנות בקלות את צבע הגבול של טבלאות HTML באמצעות CSS פנימי או מוטבע. אנחנו יכולים ליישם את <style> element to the HTML <table> element.

אנא בצע את השלבים הבאים כדי לשנות את צבע הגבול של טבלת HTML.

  1. טען קובץ HTML קיים באמצעות המחלקה HTMLDocument.
  2. בחר את הטבלה באמצעות שיטת QuerySelector() .
  3. הגדר את תכונת הסגנון באמצעות שיטת SetAttribute() .
  4. לבסוף, שמור את מסמך ה-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#

שנה את צבע הגבול של טבלת HTML ב-C#

קבל רישיון חינם

אתה יכול לקבל רישיון זמני בחינם לנסות את Aspose.HTML עבור .NET ללא מגבלות הערכה.

יצירת טבלת HTML - משאבי למידה

מלבד שינוי צבע הגבול, תוכל ללמוד עוד על הספרייה ולחקור תכונות שונות אחרות באמצעות המשאבים הבאים:

סיכום

בפוסט זה בבלוג, למדנו כיצד לשנות את צבע הגבול במסמכי HTML באמצעות C#. בדקנו שיטות שונות לשינוי צבעי הגבול של רכיבי HTML שונים. על ידי ביצוע השלבים ודוגמאות הקוד המפורטות במאמר זה, תוכל לפתח בקלות פתרונות מותאמים אישית משלך לעבודה עם מסמכי HTML. בכל מקרה של אי בהירות, אנא אל תהסס לפנות אלינו בפורום התמיכה החינמי שלנו.

ראה גם