Das beste Stiftung Listenpreis-Tutorial im Jahr 2024. In diesem Tutorial können Sie
Listenpreis Grid, lernen
Stiftung Listenpreis
Preisliste kann dazu verwendet werden, um ihre Produkte anzuzeigen:
Beispiele
<Ul class = "Preistabelle ">
<Li class = "title"> Basis </ li>
<Li class = "Preis"> 19,99 $ </ li>
<Li class = "description"> Ideal für kleine Unternehmen </ li>
<Li class = "Kugel-item "> 24/7 Unterstützung </ li>
<Li class = "Kugel-item "> 15GB Speicher </ li>
<Li class = "Kugel-item "> 1 GB Bandbreite </ li>
<Li class = "cta-Taste "> <a class = "button" href = "#"> kaufen </ a> </ li>
</ Ul>
Versuchen » Beispiele für analytische
-
ul.pricing-table
- Definition der Preisliste -
li.title
- definiert das Produkt des Titels (schwarzer Hintergrund) -
li.price
- definiert Preis (große Schrift Einträge grauen Hintergrund) -
li.description
- definiert die Produktbeschreibung (falls gewünscht) -
li.bullet-item
- definiert Merkmale -
li.ca-button
- Taste Text (wie "Kaufen", "Join", "Sign Up", etc.)
Hinweis: Die Tabelle mit 100% Breite des Behälters gefüllt, alle Einzelteile haben eine gemeinsame Grenze und zentriert werden.
Listenpreis Grid
Das folgende Beispiel zeigt den Preis von drei Enterprise-Produkte (drei ist eine gleiche Aufteilung Breite):
Beispiele
<Div class = "Zeile">
<Div class = "Medium-4 Spalten">
<Ul class = "Preistabelle ">
<Li class = "title"> Basis </ li>
de.
</ Ul>
</ Div>
<Div class = "Medium-4 Spalten">
<Ul class = "Preistabelle ">
<Li class = "title"> Pro </ li>
de.
</ Ul>
</ Div>
<Div class = "Medium-4 Spalten">
<Ul class = "Preistabelle ">
<Li class = "title"> Premium - </ li>
de.
</ Ul>
</ Div>
</ Div>
Versuchen »