รายการมูลนิธิราคา
รายการราคาสามารถนำมาใช้เพื่อแสดงผลิตภัณฑ์ของพวกเขา
ตัวอย่าง
<ระดับ 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>
<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>
...
</ ul>
</ div>
<ระดับ Div = "ขนาด 4 คอลัมน์">
<ระดับ Ul = "การกำหนดราคาตาราง ">
<li class = "ชื่อ"> Pro </ li>
...
</ ul>
</ div>
<ระดับ Div = "ขนาด 4 คอลัมน์">
<ระดับ Ul = "การกำหนดราคาตาราง ">
<li class = "ชื่อ"> พรีเมี่ยม </ li>
...
</ ul>
</ div>
</ div>
<ระดับ Div = "ขนาด 4 คอลัมน์">
<ระดับ Ul = "การกำหนดราคาตาราง ">
<li class = "ชื่อ"> พื้นฐาน </ li>
...
</ ul>
</ div>
<ระดับ Div = "ขนาด 4 คอลัมน์">
<ระดับ Ul = "การกำหนดราคาตาราง ">
<li class = "ชื่อ"> Pro </ li>
...
</ ul>
</ div>
<ระดับ Div = "ขนาด 4 คอลัมน์">
<ระดับ Ul = "การกำหนดราคาตาราง ">
<li class = "ชื่อ"> พรีเมี่ยม </ li>
...
</ ul>
</ div>
</ div>
ลอง»