Najlepszy samouczek Fundacja Cennik W 2024 r. W tym samouczku możesz dowiedzieć się
Cena Lista Siatka,
Fundacja Cennik
Cennik może być używany do wyświetlania swoich produktów:
Przykłady
<Class Ul = "cen-table ">
<Li class = "title"> podstawowe </ li>
<Li class = "cena"> $ 19.99 </ li>
<Li class = "description"> Wielki dla małych firm </ li>
<Li class = "bullet-item "> Pomoc 24/7 </ li>
<Li class = "bullet-item "> 15GB Przechowywanie </ li>
<Li class = "bullet-item "> 1GB Bandwidth </ li>
<Li class = "CTA-button "> class = "button" <a href = "#"> Kup </ a> </ li>
</ Ul>
Spróbuj » Przykłady analityczne
-
ul.pricing-table
- definicja cenniku -
li.title
- określa produktu tytułowego (czarnym tle) -
li.price
- określona cena (duża czcionka wjazdowe szare tło) -
li.description
- definiuje opis produktu (w razie potrzeby) -
li.bullet-item
- zdefiniowane funkcje -
li.ca-button
- tekst na przycisku (takich jak "Kup", "Zostań", "Sign Up", etc.)
Uwaga: W tabeli wypełnioną 100% szerokości pojemnika, wszystkie elementy mają granicę i wyśrodkowany.
Cena Lista Siatka
Poniższy przykład pokazuje cenę trzech produktów korporacyjnych (trzy jest równa szerokości dzielenie):
Przykłady
<Div class = "wiersz">
<div class = "średnio-4 kolumny">
<Class Ul = "cen-table ">
<Li class = "title"> podstawowe </ li>
pl.
</ Ul>
</ Div>
<div class = "średnio-4 kolumny">
<Class Ul = "cen-table ">
<Li class = "title"> Pro </ li>
pl.
</ Ul>
</ Div>
<div class = "średnio-4 kolumny">
<Class Ul = "cen-table ">
<Li class = "title"> Premium </ li>
pl.
</ Ul>
</ Div>
</ Div>
Spróbuj »