DeeMocDIY.com
   
OR

DeeMocDIY Blog

TAG | HTML

How to Code HTML Email Newsletter : Part II Inline Style Sheet

สวัสดีครับ ครั้งที่แล้วผมเขียนเรื่องการ Design หน้า content แบบ HCF (Header Content and Footer) โดย การใช้ Table เพื่อควบคุม Layout ทั้งหมดใน Email ไปแล้ว คราวนี้ เราจะมาเจาะลึกการทำ Inline Style Sheet ใส่ Email ของเราบ้างเพื่อความสวยงามครับ

การกำหนด Style Sheets แบบ Inline ก็คือการกำหนดรูปแบบการแสดงผลของ Tag ภายใน Tagนั้น ๆ เลย โดยจะมีผลต่อ Tag นั้น ๆ Tag เดียวที่เราทำการกำหนด Style ให้มัน โดยใช้ Attribute “style” ภายใน Tag ที่ต้องการกำหนดให้ เราลองไปดูตัวอย่างเบื้องต้นของการกำหนด Inline Style Sheet กันครับ

ตัวอย่างเบื้องต้นของการกำหนด Inline Style Sheet

  1. <table style='border: 1px solid black; margin: auto;">
  2. <tr>
  3. <td style="text-align: right; font-size: 18pt;">
  • Share/Bookmark

, ,

DeeMocDIY Newsletter

สมัครสมาชิกเพื่อรับข่าวสารจาก DeemocDIY
และเทคนิค Top 10 Email Marketing Tips ฟรี!

Email Address: