บทช่วยสอน รายการมูลนิธิราคา ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ราคาตารางรายการ,

รายการมูลนิธิราคา

รายการราคาสามารถนำมาใช้เพื่อแสดงผลิตภัณฑ์ของพวกเขา

ตัวอย่าง

<ระดับ Ul = "การกำหนดราคาตาราง ">
<li class = "ชื่อ"> พื้นฐาน </ li>
<li class = "ราคา"> $ 19.99 </ li>
<li class = "คำอธิบาย"> ที่ดีสำหรับธุรกิจขนาดเล็ก </ li>
<li class = "กระสุนรายการ "> 24/7 สนับสนุน </ li>
<li class = "กระสุนรายการ "> 15GB จัดเก็บ </ li>
<li class = "กระสุนรายการ "> 1GB แบนด์วิดธ์ </ li>
<li class = "CTA ปุ่ม "> <a class = href = "button" "#"> ซื้อ </ a> </ li>
</ ul>

ลอง»

ตัวอย่างของการวิเคราะห์

  • ul.pricing-table - ความหมายของรายการราคา
  • li.title - กำหนดสินค้าของชื่อ (พื้นหลังสีดำ) ที่
  • li.price ราคาที่กำหนดไว้ (รายการใหญ่อักษรพื้นหลังสีเทา) -
  • li.description - กำหนดรายละเอียดของสินค้า (ถ้าต้องการ)
  • li.bullet-item - คุณสมบัติที่กำหนดไว้
  • li.ca-button - ปุ่มข้อความ (เช่น "ซื้อ", "เข้าร่วม" "Sign Up", ฯลฯ )

หมายเหตุ: ตารางที่เต็มไปด้วยความกว้าง 100% ของภาชนะที่รายการทั้งหมดที่มีขอบและเป็นศูนย์กลาง


ราคาตารางรายการ

ตัวอย่างต่อไปนี้แสดงให้เห็นว่าราคาของผลิตภัณฑ์ขององค์กรสาม (สามเป็นส่วนความกว้างเท่ากัน) นี้:

ตัวอย่าง

<ระดับ Div = "แถว">
<ระดับ Div = "ขนาด 4 คอลัมน์">
<ระดับ Ul = "การกำหนดราคาตาราง ">
<li class = "ชื่อ"> พื้นฐาน </ li>
th.
</ ul>
</ div>
<ระดับ Div = "ขนาด 4 คอลัมน์">
<ระดับ Ul = "การกำหนดราคาตาราง ">
<li class = "ชื่อ"> Pro </ li>
th.
</ ul>
</ div>
<ระดับ Div = "ขนาด 4 คอลัมน์">
<ระดับ Ul = "การกำหนดราคาตาราง ">
<li class = "ชื่อ"> พรีเมี่ยม </ li>
th.
</ ul>
</ div>
</ div>

ลอง»
รายการมูลนิธิราคา
10/30