Как сделать обводку css
Перейти к содержимому

Как сделать обводку css

  • автор:

Как сделать обводку в css?

Как сделать обводку вокруг прямоугольника со скругленными углами?

  • Вопрос задан более трёх лет назад
  • 2456 просмотров

Комментировать

Решения вопроса 1

frontend developer

border:1px solid black;
border-radius:20px;

Ответ написан более трёх лет назад

Комментировать

Нравится 1 Комментировать

Ответы на вопрос 1

Разработка бизнес-решений на 1С-Битрикс под ключ

Ответ написан более трёх лет назад

Комментировать

Нравится Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

javascript

  • JavaScript
  • +1 ещё

Как объеденить круговой слайдер(диапозон) с полем ввода и кнопками + и -?

  • 1 подписчик
  • 4 часа назад
  • 33 просмотра

html

  • HTML
  • +1 ещё

Как пофиксти проблему с амперсантом?

  • 1 подписчик
  • 13 часов назад
  • 63 просмотра

html

  • HTML
  • +2 ещё

Подобное поведение норма?

  • 1 подписчик
  • 15 часов назад
  • 110 просмотров

html

  • HTML
  • +3 ещё

Почему не работает переход на страницу?

  • 1 подписчик
  • 15 часов назад
  • 113 просмотров

html

  • HTML

Почему html2pdf выдает пустой лист?

  • 3 подписчика
  • вчера
  • 621 просмотр

css

  • CSS

Что за баг с ховером?

  • 1 подписчик
  • вчера
  • 102 просмотра

html

  • HTML
  • +1 ещё

Как блок вывести поверх других?

  • 1 подписчик
  • вчера
  • 57 просмотров

css

  • CSS
  • +1 ещё

Почему не подгружается картинка?

  • 1 подписчик
  • вчера
  • 87 просмотров

css

  • CSS
  • +2 ещё

Как Python и Selenium заставить найти текст?

  • 1 подписчик
  • 18 нояб.
  • 53 просмотра

html

  • HTML
  • +1 ещё

Как сделать данное задание?

  • 1 подписчик
  • 17 нояб.
  • 130 просмотров

от 150 000 ₽

от 35 000 до 40 000 ₽

20 нояб. 2023, в 12:30

5000 руб./за проект

20 нояб. 2023, в 12:17

2500 руб./за проект

20 нояб. 2023, в 12:04

20000 руб./за проект

Минуточку внимания

Присоединяйтесь к сообществу, чтобы узнавать новое и делиться знаниями

  • Не видно конкретный узел в другой подсети. Почему?
    • 2 подписчика
    • 1 ответ
    • 2 подписчика
    • 0 ответов
    • 2 подписчика
    • 0 ответов
    • 3 подписчика
    • 2 ответа
    • 2 подписчика
    • 0 ответов
    • 2 подписчика
    • 1 ответ
    • 2 подписчика
    • 3 ответа
    • 2 подписчика
    • 2 ответа
    • 2 подписчика
    • 4 ответа
    • 2 подписчика
    • 1 ответ

    Как сделать обводку только снизу и сверху? — HTML, CSS — Ответ 16339472

    Как сделать рамку у таблице слева и справа, а сверху и снизу чтобы ее небыло?
    Обычным способом рамка получается со всех сторон, А как сделать так, чтобы была только с левой.

    Как сделать так что бы текст в коде был сверху, а отображалось снизу
    Как сделать так что бы текст в коде был сверху, а отображалось снизу? допустим <div> <div>1.

    Как сделать навигацию снизу и сверху?
    Всем привет) Подскажите плиз) Как сделать навигацию снизу и сверху в андроиде например как в.

    Анимация: как сделать что бы шарик двигался снизу вверх, а не сверху вниз
    ublic Class Form1 Dim x, y, h, w As Integer Private Sub Timer1_Tick(sender As.

    87844 / 49110 / 22898
    Регистрация: 17.06.2006
    Сообщений: 92,604
    Помогаю со студенческими работами здесь

    Как сделать BorderColor у кнопки только снизу?
    Привет. Собственно, сабж. Подскажите пожалуйста.

    Как разместить текст сверху и снизу блока
    Привет. Задан блок с определенными заранее размерами. Как разместить внутри этого блока две строки.

    Как убрать отступ сверху и снизу таблицы
    Всем привет. Есть у меня проблемный табличный блок, который решил что ему нужно очень много.

    Как установить в прокрутке стрелку снизу и сверху?
    Здравствуйте! Подскажите, пожалуйста. Как установить в прокрутке стрелку снизу и сверху? И чтоб.

    Как реализовать углы сверху и снизу фона
    Добрый вечер. Подскажите, а как можно реализовать углы сверху и снизу фона? Любимые наши дизайнеры.

    CSS: несколько техник для различных эффектов обводки элементов

    В данном уроке представлены несколько техник CSS для организации различных эффектов для обводки элементов.

    demosourse

    Легкая тень

    Легкая тень

    Простой эффект легкой тени может быть получен с помощью серого цвета на обводке. CSS3 имеет возможность создать реальную тень с помощью свойства box-shadow, но простой способ будет работать во всех браузерах:

    .shadow

    Вдавленный блок

    Вдавленный блок

    Эффект вдавленного блока тоже очень просто получить. Добавление скругленных углов CSS3 усиливает впечатление от эффекта:

    .pressed

    Скошенные грани

    Скошенные грани

    Данный эффект очень похож на сдвоенную обводку, которая достаточно часто применяется для изображений. Используются установки отступа и обводки, за счет чего получается эффект двойной рамки.Дополнительная работа с настройками и использование свойства outline позволяет добиться эффекта скошенных граней.

    img.light < outline: 1px solid #ddd; border-top: 1px solid #fff; padding: 10px; background: #f0f0f0; >img.dark

    Вдавленная линия

    Вдавленная линия

    Данный эффект можно использовать в меню или списках. Он представляет собой простую комбинацию верхней и нижней частей обводки с различными оттенками фонового цвета. Нужно помнить, что селекторы CSS first-child и last-child не поддерживаются старыми браузерами. Для обхода такой неприятной ситуации можно использовать jQuery.

    #indented ul < margin: 20px 0; padding: 0; list-style: none; >#indented ul li < border-top: 1px solid #333; border-bottom: 1px solid #111; >#indented ul li:first-child #indented ul li:last-child #indented ul li a < padding: 10px; display: block; color: #fff; text-decoration: none; >#indented ul li a:hover

    Данный урок подготовлен для вас командой сайта ruseller.com
    Источник урока: www.sohtanaka.com/web-design/css-border-tricks-tutorial/
    Перевел: Сергей Фастунов
    Урок создан: 10 Февраля 2011
    Просмотров: 67168
    Правила перепечатки

    5 последних уроков рубрики «CSS»

    Забавные эффекты для букв

    Небольшой эффект с интерактивной анимацией букв.

    Реализация забавных подсказок

    Небольшой концепт забавных подсказок, которые реализованы на SVG и anime.js. Помимо особого стиля в примере реализована анимация и трансформация графических объектов.

    Анимированные буквы

    Эксперимент: анимированные SVG буквы на базе библиотеки anime.js.

    Солнцезащитные очки от первого лица

    Прикольный эксперимент веб страницы отображение которой осуществляется “от первого лица” через солнцезащитные очки.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *