Лучшее руководство по Фонд прайс-лист в 2024 году. В этом руководстве вы можете изучить Прайс-лист Сетка,

Фонд прайс-лист

Прайс-лист может быть использован для отображения их продукции:

примеров

<Ul класс = "ценообразование-таблица ">
<Li класс = "заголовок"> Основные </ li>
<Li класс = "цена"> $ 19.99 </ li>
<Li класс = "описание"> Отлично подходит для малого бизнеса </ li>
<Li класс = "пуля-пункт "> Поддержка 24/7 </ li>
<Li класс = "пуля-пункт "> 15GB хранения </ li>
<Li класс = "пуля-пункт "> 1 ГБ Пропускная способность </ li>
<Li класс = "СТА-кнопка "> <a класс = "button" HREF = "#"> Купить </ A> </ li>
</ UL>

Попробуйте »

Примеры аналитических

  • ul.pricing-table - определение прайс - листа
  • li.title - определяет продукт заголовка (черный фон)
  • li.price - определяется цена (крупный шрифт записей серый фон)
  • li.description - определяет описание продукта (если это необходимо)
  • li.bullet-item - определенные функции
  • li.ca-button - текст кнопки (например, "Buy", "Регистрация", "Sign Up", и т.д.)

Примечание: таблица , заполненная с шириной контейнера 100%, все элементы имеют границы и по центру.


Прайс-лист Сетка

Следующий пример показывает цену трех корпоративных продуктов (три равное ширине деление):

примеров

<Div класс = "строка">
<класс = "Див среднего 4 колонки">
<Ul класс = "ценообразование-таблица ">
<Li класс = "заголовок"> Основные </ li>
ru.
</ UL>
</ Div>
<класс = "Див среднего 4 колонки">
<Ul класс = "ценообразование-таблица ">
<Li класс = "название"> Pro </ li>
ru.
</ UL>
</ Div>
<класс = "Див среднего 4 колонки">
<Ul класс = "ценообразование-таблица ">
<Li класс = "название"> Премиум </ li>
ru.
</ UL>
</ Div>
</ Div>

Попробуйте »