Как сделать обводку в css?
Как сделать обводку вокруг прямоугольника со скругленными углами?
- Вопрос задан более трёх лет назад
- 2456 просмотров
Комментировать
Решения вопроса 1
frontend developer
border:1px solid black;
border-radius:20px;
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Ответы на вопрос 1
Разработка бизнес-решений на 1С-Битрикс под ключ
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- JavaScript
- +1 ещё
Как объеденить круговой слайдер(диапозон) с полем ввода и кнопками + и -?
- 1 подписчик
- 4 часа назад
- 33 просмотра
- HTML
- +1 ещё
Как пофиксти проблему с амперсантом?
- 1 подписчик
- 13 часов назад
- 63 просмотра
- HTML
- +2 ещё
Подобное поведение норма?
- 1 подписчик
- 15 часов назад
- 110 просмотров
- HTML
- +3 ещё
Почему не работает переход на страницу?
- 1 подписчик
- 15 часов назад
- 113 просмотров
- HTML
Почему html2pdf выдает пустой лист?
- 3 подписчика
- вчера
- 621 просмотр
- CSS
Что за баг с ховером?
- 1 подписчик
- вчера
- 102 просмотра
- HTML
- +1 ещё
Как блок вывести поверх других?
- 1 подписчик
- вчера
- 57 просмотров
- CSS
- +1 ещё
Почему не подгружается картинка?
- 1 подписчик
- вчера
- 87 просмотров
- CSS
- +2 ещё
Как Python и Selenium заставить найти текст?
- 1 подписчик
- 18 нояб.
- 53 просмотра
- 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 для организации различных эффектов для обводки элементов.
Легкая тень
Простой эффект легкой тени может быть получен с помощью серого цвета на обводке. 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.
Солнцезащитные очки от первого лица
Прикольный эксперимент веб страницы отображение которой осуществляется “от первого лица” через солнцезащитные очки.