Как изменить отступы на веб-странице?
Убрать отступы на веб-странице добавляемые браузером по умолчанию.
Решение
Отступы на веб-странице хотя и не видны, но не позволяют содержимому плотно прилегать к краям окна браузера, чтобы обеспечивать комфортность чтения. Своё собственное значение отступов можно установить, изменяя значения свойства margin у селектора body .
Пример 1. Нулевые отступы на веб-странице
HTML5 CSS 2.1 IE Cr Op Sa Fx
Долой отступы! Заголовок
Результат данного примера показан ниже.
Рис. 1. Вид веб-страницы без отступов
HTML по теме
CSS по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Убрать отступ от края экрана
Отступ от края окна браузера
Вообщем проблема такова.Дан текст и его вид уже непосредственно в форме html страницы(скриншот.
Почему образуется отступ блока от верхнего края окна браузера?
Доброго времени суток! В коде ниже образуется отступ о верхнего края браузера. То есть <body>.
Отступ сайта слева от края браузера для разных разрешений?
Наивный вопрос, но подскажите плиз: Можно ли средствами css сделать разное выравнивание сайта.
Регистрация: 26.03.2010
Сообщений: 164
Записей в блоге: 1
Вообще в css DIV’а указать margin-left: 0;
Если не поможат(гает) — код покажи, что написано.
84 / 84 / 12
Регистрация: 12.01.2011
Сообщений: 1,049
div style=" height:200px; margin: 200px 0 0 0px; background-color:Gray;"> /div>
Вот к примеру, отступы остаются, введи этот код в ASP.NET Web Site
Регистрация: 26.03.2010
Сообщений: 164
Записей в блоге: 1
попробуй body
84 / 84 / 12
Регистрация: 12.01.2011
Сообщений: 1,049
Благодарю — работает. Никогда бы не догадался.
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Как убрать края?
Подскажите пожалуйста, как можно убрать края в css?
Отсечение края картинки на маленьком разрешении экрана
навеяло отсюда: https://www.cyberforum.ru/html/thread647206.html А вот подскажите: вешаю.
Как растянуть блок _точно_ до нижнего края экрана
Вчера весь рабочий день просител в гугле, но так и не смог найти ответа на вопрос: "Как в css.
Отступ от центра экрана
Как сделать отступ от центра экрана. Есть сайт с жестким каркасом, находится ровно по середине.
Как убрать отступы HTML-элемента
Как убрать отступы HTML-элемента, которые браузеры устанавливают по умолчанию? Подобный вопрос часто возникает у начинающих верстальщиков, которые хотят убрать подобные отступы у таких элементов, как , HTML-таблицы (тег ) и их ячейки и т.д. На самом деле нет ничего проще, но сначала давайте разберемся, а отступы ли вы имеете в виду, когда ищете ответ на этот вопрос?
В CSS есть два типа свойств, которые отвечают за отступы (CSS padding) и поля (CSS margin) элементов. Их расположение показано на следующем изображении:
Так вот, когда многие новички говорят о том, что хотят убрать у элемента отступы, то на самом деле они имеют в виду его поля, так как именно их обычно добавляют браузеры к некоторым элементам. Нет, отступы, конечно, тоже добавляются, но таких элементов очень мало, например, у тегов и браузеры устанавливают ненулевые отступы, чтобы текст на кнопках не прилегал к рамке вплотную.
Немного иначе обстоит дело у HTML-таблиц, так как у них есть еще два параметра — это свойство CSS border-spacing, изменяющее расстояние между границами или рамками ячеек (которое тоже можно назвать отступами) и CSS border-collapse, которое вообще убирает это расстояние и делает границы общими. На изображении ниже показано размещение всех этих полей и отступов у таблицы.
Ну что ж, а теперь, когда вы все это знаете — рассмотрим несколько примеров.
Как убрать отступы по краям HTML-страницы
Пример HTML и CSS: убираем отступы у тега BODY
seodon.ru - Убираем отступы по краям страницы Содержимое страницы.
Как убрать отступ сверху html
Для того чтобы управлять внешними отступами, т.е. отступами между элементами на странице — необходимо использоваться свойство margin .
Свойство margin определяет внешний отступ на всех четырёх сторонах элемента. Это сокращение, которое устанавливает все отдельные поля одновременно: margin-top, margin-right, margin-bottom и margin-left.
Таким образом чтобы убрать отступ каждому элементами сверху правильно использовать margin-top. Рассмотрим пример.
class="box red">Блок №1 class="box green">Блок №2 class="box blue top">Блок №3 Задав стиле способом ниже, у последнего блока не будет отступа в 20px.
.red background-color: red; > .blue background-color: blue; > .green background-color: green; > .box height: 100px; width: 125px; margin-top: 20px; > .top margin-top: 0px; >