160 читали · 2 года назад
Как сделать текст по дуге с помощью CSS?
Для начала нужно выбрать слово с которым мы будем работать, например: "Время". Каждую букву необходимо заключить в отдельный блок div. Выглядеть это будет вот так: Как видно из примера все блоки, кроме того в котором находится буква "е", имею свой id и class. На данном этапе можно сказать что основной "каркас" готов. Остается только добавить CSS-стили: Ведущую роль здесь играет свойство transform, именно с его помощью мы можем поворачивать блоки под любым углом...
Как сделать CSS-рамку для HTML-элементов?
Ранее Вы уже научились форматировать текст с помощью правил CSS. Теперь мы попробуем настроить стиль границ для конкретных html-элементов. Все начинается с создания двух файлов: html-страницы и связанного с ней css-документа. Далее займемся прописыванием кода в теле страницы: Обратите внимание на атрибут class, из примера видно что в каждом из представленных случаев он имеет разное значение: "one", "two", "three"... Впоследствии именно эти значения мы будем прописывать в правилах CSS. Полный список...