Как сделать рамку вокруг текста в Ворде – Сам Себе Admin

Совершенствуя свои навыки работы с текстом в программе Word, мы постепенно достигаем того момента, когда у нас появляется желание придать набранному тексту некоторую доработку и завершенность. Один из вопросов, который должен быть решен, это как сделать рамку вокруг текста в Ворде?

Выполнение этой операции в Word 2007 несколько отличается от операций в программах более ранних версий, поэтому мы остановимся на этом подробнее.

Можно создать рамку вокруг любого слова, предложения, абзаца или другого текста в документе. Добавление рамки в текстовый документ может быть сделано несколькими различными способами. Рассмотрим самый простой из них.

Содержание статьи

Как сделать рамку вокруг слова, предложения или абзаца

В тех случаях, когда нужно заключить в рамку какую-либо отдельную часть текста Вам необходимо воспользоваться инструментом для создания границ для текста. Выполняется это следующим образом.

1. Выделите мышкой ту часть текста, которую необходимо заключить в рамку.
2. Перейдите на вкладку «Главная» в текстовом редакторе.
3. Нажмите стрелочку, чтобы раскрыть список доступных вариантов инструмента «Настройка границ» и в появившемся списке выберите пункт «Внешние границы».

Нажмите на картинку, чтобы увеличить ее

При данном способе в рамку будет заключен выбранный Вами структурный элемент документа: часть слова или все слово, часть предложения или целое предложение, или целый абзац. Если выделено несколько абзацев, то каждый из них будет заключен в отдельную рамку.

Как сделать рамку вокруг всего текста

В том случае, когда в рамку нужно заключить весь текст в документе, это выполняется несколько иным способом.

1. Перейдите в раздел «Разметка страницы» главного меню программы. В Word 2016 вкладка называется «Дизайн».
2. Нажмите кнопку инструмента «Границы страниц» в данном разделе.

3. В открывшемся окне выберите тип нужной Вам рамки, ее цвет, толщину линий и другие необходимые настройки. Выберите к какой области документа применить рамку, ко всему или к какой-то части, и нажмите кнопку «Ок».

Описанным выше способом выполняется обрамление в рамку в текстовом редакторе Word 2007 и Word 2010. В более новых версиях Word 2013 и Word 2016 все выполняется аналогичным образом за исключением того, что вместо раздела «Разметка страницы» вам нужно использовать вкладку «Дизайн».

samsebeadmin.ru

Как сделать рамку вокруг текста

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

текста применяются рамки. Сделать такие рамки дозволено при помощи текстового редактора Microsoft Word.

Вам понадобится

• – программа Microsoft Word.

Инструкция

1. Откройте файл с текстом, вокруг которого надобно сделать рамку , в программе Word. Если вы имеете дело с файлом того типа, для которого установлена ассоциация с этой программой, примитивно двукратно щелкните мышкой по иконке файла. Можете загрузить файл в программу посредством команды «Открыть» из меню «Файл».

2. Средствами Word дозволено сделать рамку вокруг фрагмента текста , абзаца либо применить такое оформление ко каждому документу. Если вам понадобилось забрать в рамку только часть текста , выделите данный фрагмент при помощи мышки.

3. Откройте окно настроек оформления командой «Границы и заливка» из меню «Формат». Если в вашем документе содержится выделенный текст, окно по умолчанию откроется на вкладке «Граница». В левой части этого окна выберите тип рамки, щелкнув по одной из иконок. Программа разрешает сделать обыкновенную рамку , рамку с результатом тени, объема и больше трудную.

4. Выберите из списка с полосой прокрутки вид линии для рамки. При необходимости можете настроить цвет рамки и ее ширину в пунктах. Рамка, окрашенная по умолчанию, будет черной.

5. Из раскрывающегося списка в правой части окна выберите область использования оформления. Если вы заранее выделили часть текста , список даст вероятность оформить рамкой абзац либо часть текста . В последнем случае рамкой, которую вы настроили, будет окружена отдельно всякая строка выделенного фрагмента. Если вам требуется забрать в одну

рамку целый абзац, выберите пункт «Абзац». Нажмите кнопку ОК.

6. В программе Word существует вероятность создавать рамки, состоящие не только из линий, но и из изображений. Сходственные рамки дозволено применить только к целой странице. Если вам понадобилось именно такое оформление, перейдите в окне настроек параметров границы на вкладку «Страница».

7. Выберите из раскрывающегося списка «Рисунок» один из доступных видов изображения, из которых будет состоять рамка. В поле «Ширина» настройте ширину рамки в пунктах. В правой стороне окна выберите из раскрывающегося списка область использования выбранного оформления. Кликните по кнопке ОК.

Размещение спрятанных блоков текста улучшает визуальное воспринятие страницы веб-сайта – она загружается в браузер именно в том виде, тот, что разработал дизайнер, самостоятельно от помещенного объема информации. Помимо того, это комфортнее посетителю – в поисках необходимого блока информации ему не доводится просматривать каждый массив, а только лишь небольшие «верхушки айсбергов».

Вам понадобится

• Базовые познания языков HTML и JavaScript.

Инструкция

1. Используйте пользовательскую функцию на языке JavaScript, дабы организовать в HTML-странице сокрытие и отображение необходимых блоков текста . Всеобщая для всех блоков функция гораздо комфортнее, чем добавление кода к всему из них по отдельности. В заголовочную часть начального кода страницы разместите открывающий и закрывающий теги script, а между ними сделайте пустую пока функцию с наименованием, скажем, swap и одним непременным входным параметром id:<script>function swap(id) {}</script>

2. Добавьте две строки JavaScript-кода в тело функции – между фигурными скобками. Первая строка должна считывать нынешнее состояние блока

текста – включена его видимость либо отключена. Таких блоков в документе может быть несколько, следственно всякий должен иметь личный идентификатор – именно его функция получает в качестве исключительного входного параметра id. По этому идентификатору она и ищет в документе надобный блок, присваивая значение видимости/невидимости (состояние свойства display) переменной sDisplay:sDisplay = document.getElementById(id).style.display;

3. Вторая строка должна менять качество display надобного блока текста на противоположное – скрывать, если текст видим, и отображать, если спрятан. Это дозволено делать таким кодом:document.getElementById(id).style.display = sDisplay == ‘none’ ? ” : ‘none’;

4. Разместите в заголовочную часть еще и такое изложение жанров:<style type=”text/css”>a {cursor: pointer}</style>Оно потребуется для положительного отображения указателя мыши при наведении курсора на неполный тег ссылки. С поддержкой таких ссылок вы организуете в странице переключение видимости/невидимости текстовых блоков.

5. Поместите в тексте эти ссылки-переключатели перед всяким спрятанным блоком, а в блоки – в конце текста – добавьте аналогичную ссылку. Заметный текст заключите в теги span, у которых в признаках style задана невидимость. Скажем:Раскройте текст <a onclick=”swap(‘hiddenTxt’)”>+++</a> <span id=”hiddenTxt” style=”display: none”>Это спрятанный текст <a onclick=”swap(‘hiddenTxt’)”>—</a></span>В этом примере щелчок по ссылке из 3 плюсов будет вызывать описанную выше функцию по событию onClick, передавая ей идентификатор блока, тот, что надобно сделать видимым. А вовнутрь блока размещена ссылка из 3 минусов с такими же функциями – щелчок по ней будет скрывать текст.

6. Сделайте необходимое число текстовых блоков, схожих описанному в предыдущем шаге, не забывая при этом менять идентификаторы в признаке id тега span и в переменной, передаваемой функции по событию onClick в 2-х ссылках.

Word – комфортная универсальная программа для комплекта и редактирования текста, входящая в пакет Microsoft Office. Она предлагает пользователям фактически неограниченные вероятности для манипуляций со словами. Дабы сделать документ больше деловым либо обратить внимание на определенные моменты, используйте рамку для текста.

Вам понадобится

• – установленный пакет программ от Office.

Инструкция

1. Откройте программу Word на компьютере. Наберите нужный текст. Если файл с текстом для рамки теснее набран, то примитивно откройте его.

2. Все нужное для создания рамки для текста вы обнаружите в самой программе. Обратите внимание на версию установленной на вашем компьютере программы Word. Узнать ее вы можете, кликнув на иконке программы на рабочем столе правой кнопкой мышки. В выплывшем меню выберите «Свойства». Версия программы – число, которое указано позже слова Office.

3. Дабы сделать рамку для текста в Word ниже 10 версии (до 2007 года), используйте вкладку «Формат». В открывшемся меню выберите «Границы и заливка». Откроется новое окно, в котором вы установите нужный для вашего документа вид рамки.

4. Выберите вкладку «Страница», если планируете применять рамку для каждого листа. Установите нужный вам тип линии, цвет, ширину. Вы можете применять в качестве рамки авторский рисунок, предпочтя его из своей библиотеки. Для этого используйте окошко «Рисунок». Если данная рамка необходима на протяжении каждого документа, в правом нижнем углу используйте переключатель «Применить к…».

5. Когда хотите применить рамку только для постановки акцента на определенном моменте в тексте, используйте вкладку «Граница». Укажите желаемые тип рамки и линий, их цвет и ширину. Тут теснее установлен нужный переключатель «Применить к… абзац». Предпочтя все нужные параметры, нажмите ОК. Рамка появится на странице, и вы можете добавить туда текст.

6. Если у вас версия Word 10 и выше, вкладка «Границы и заливка» располагается на панели в меню «Основная», в окошке «Абзац». Иконка может быть теснее установлена либо скрываться во всплывающем меню. Обнаружьте на панели картинку с изображением границ («Верхняя граница», «Нижняя граница» и т.д.), нажмите на стрелочку вниз. В выплывшем меню вы увидите желанную функцию.

Видео по теме

Рамки, располагающиеся вокруг картинок либо текста, украшают сайт и вносят многообразие в его оформление. Если для создания окантовок применять таблицы, то код всякой рамки будет занимать слишком много места. Также в этом случае для всякого обрамления придется прописывать HTML-код снова. С подмогой CSS дозволено легко сделать рамку всякий толщины и необходимого цвета, один раз прописав несложный код для всех элементов, которые будут окружены этой рамкой. Такая спецтехнология дозволит при необходимости за пару минут поменять вид рамок на сайте .

Вам понадобится

• – иметь личный сайт;
• – знать, что такое CSS и где эти жанры прописываются на сайте.

Инструкция

1. Дабы сделать рамку , вначале напишите в CSS такой код:ramka {}

2. Для того, дабы рамка была надобного размера, используйте параметр border-width, тот, что назначает линии ширину в пикселях. Скажем, если линия рамки должна быть шириной в 3 пикселя, то запись будет выглядеть так:ramka {border-width: 3px;}

3. Сейчас определите жанр рамки с подмогой параметра border-style. Если вы хотите сотворить рамку , сторонами которой являются обыкновенные сплошные линии, то разместите в код между фигурными скобками такую запись – border-style: solid.

4. Обрамление, состоящее из точек дозволено получить, записав так: border-style: dotted. Подметив border-style: dashed, вы получите пунктирную рамку .

5. Сделать окантовку двойственный сплошной линией дозволено так: border-style: double. Для оформления текста либо картинок в рамки с результатом объемных сторон напишите border-style: groove либо border-style: ridge. Разница между этими двумя вариантами состоит в том, что в первом случае рамка состоит из вдавленных линий, а во втором – из выпуклых.

6. Для создания результата вдавленного совместно с рамкой элемента сайта используйте данный код: border-style: inset. Дабы сделать содержимое рамки совместно с обрамлением напротив выпуклым, напишите border-style: outset.

7. Придать надобный цвет рамке дозволено при помощи параметра border-color, размещенного также между фигурных скобок. Если вы хотите сделать рамку красной, то напишите border-color: red, синей – border-color: blue, оранжевой – border-color: orange.

8. Код рамки в CSS, включающий все параметры, выглядит так:ramka {border-width: 3px; border-style: solid; border-color: blue;}

9. Сейчас в HTML сделайте такую запись:<div id=”ramka”>Содержимое рамки</div>Взамен словосочетания «Содержимое рамки» вставьте текст либо код требуемой картинки.

10. Таким образом дозволено оформлять неограниченное число элементов на сайте . Для метаморфозы вида рамки надобно внести метаморфозы только в код CSS.

Видео по теме

Обратите внимание!
Для того, дабы убрать рамку у какого-то элемента, надобно для него написать border-style: none. Но это еще вдалеке не все вероятности, которые доступны для оформления рамок в CSS. Мы можем задать идеально различные значения для всех четырех сторон рамки: верхней, нижней, правой и левой.

Полезный совет
С поддержкой CSS в рамку дозволено заключить безусловно всё! Так же мы получаем громадные вероятности по образованию рамок. К делу! В тезисе, космос Вы тут не откроете. Для рамки дозволено задать толщину линий (border-width), их жанр (border-style) и цвет (border-color). Толщина линий рамки задаётся в пикселях.

Оформляя разные работы, мы усердствуем украсить свои документы различными элементами. В программе MS Word предусмотрена вероятность делать рамки в виде разных рисунков. Освоить данную функцию легко, все, что вам необходимо – исполнить следующие действия.

Инструкция

1. MS Word 2003Сперва откройте документ Word, дозволено чистую страницу, а дозволено и с напечатанным текстом. Дальше откройте меню «Формат» и выберите «Границы и заливка». Если данной надписи нет, нужно нажать на двойные кавычки для того, дабы открыть полный список.

2. После этого в открывшемся окне «Границы и заливка» перейдите в закладку «Страница», дабы сделать рамку вокруг страницы, а не текста. Дальше в выпадающем списке выберите всякий понравившийся рисунок.

3. Также вы можете предпочесть, на каких страницах будет видна рамка, скажем, на всех либо только на первой.

4. Открыв окно «Параметры», вы можете предпочесть добавочные настройки, скажем, отступ от края страницы.

5. MS Word 2007-2070В данной версии программы сделать рамку еще проще. Для начала откройте закладку «Разметка страницы», а после этого нажмите на кнопку «Границы страниц». Дальше все тоже самое, что и в предыдущей версии.

Обратите внимание!
Помните о том, что деловые документы нужно оформлять суровыми рамками.

Для придания индивидуальности документу либо выделения какой-нибудь его части, обособления заголовков и так дальше применяется добавление рамок. Это дозволено сделать при помощи особых текстовых редакторов.

Вам понадобится

Инструкция

1. Скачайте и установите на ваш компьютер программное обеспечение Microsoft Office Word либо его аналог Open Office, если этого не было сделано ранее. Правило работы будет приблизительно один и тот же, разница в том, что со временем программа разработчика Microsoft затребует активизации и ввода лицензионного ключа.

2. Откройте в установленном текстовом редакторе документ, для которого вы хотите добавить рамку . Если он еще не был сделан, введите его стержневой текст в программе, сбережете, сделайте копию, отформатируйте на свое усмотрение, только потом перейдите к добавлению рамки. Это делается в меню форматирования в ветхих версиях Microsoft Office Word и, если у вас программа 2007 года и выше, тогда обнаружьте данный пункт через последнюю вкладку программы.

3. Выберите пункт меню «Границы и заливка». Укажите вид рамки на ваше усмотрение. В поле с наименованием «Применить к…» выберите размер рамки по отношению к документу, его части либо страницы. Укажите остальные параметры, позже чего примените их.

4. Если вам необходимо отредактировать либо удалить рамку из текста , в том же меню на вкладке настройки типа выберите вариант «Нет» либо измените параметры на свое усмотрение. В случаях когда вам надобно добавить странную рамку , образца которой не применяется в стандартном комплекте инструментов MS Office Word, воспользуйтесь комплектом макросов, которые загружаются со особых сайтов в интернете.

5. В случаях, когда вы не можете изменить рамку документа либо страницы (всякого редактируемого элемента), удостоверитесь в том, что она была сделана при помощи соответствующего пункта меню. При появлении задач с удалением либо редактированием рамки документа пользуйтесь функцией отображения непечатных знаков и конструкции текстового файла. Усердствуйте перед редактированием документа неизменно создавать его копию и трудиться с ней.

Полезный совет
Добавляйте рамку только позже ввода текста.

Дабы документ выглядел странно, пользователь может добавить по его краю рамку. Такая крошечная и, кажется, примерно неприметная делать может повлиять на все ощущение о документе в совокупности.

Вам понадобится

• – программа MS Office Word.

Инструкция

1. Откройте ваш теснее напечатанный документ либо выберите создание нового при помощи меню «Файл». Определитесь с внешним видом вашей грядущей рамки, рассматривая призвание документа.

2. Исполните работу над текстом – отформатируйте его так, дабы теснее не пришлось изготавливать какие-нибудь метаморфозы касательно шрифта, полей, расположения, выравнивания и так дальше. Это надобно для того, дабы не было смещения текста по странице.

3. Откройте меню форматирования текста, выберите в нем вкладку «Границы и заливка». Если вы таковой не видите, разверните список всецело. Это актуально для программ Word c меню ветхого примера (версии до 2007 года).

4. Если у вас установлена программа Microsoft Office Word 2007 года и выше, тогда, находясь на основной вкладке, щелкните по крошечной пиктограмме с четырьмя квадратами. Нажмите на выпадающее меню стрелки, если хотите настроить какой-то определенный параметр.

5. Откройте в новом меню вкладку настроек страницы. Сделайте так, дабы грядущая рамка располагалась вокруг каждой страницы документа, а не только напечатанного текста. Нажмите на выпадающее меню эскизов рамок, выберите всякую понравившуюся для своего документа. Настройте ее параметры и расположение – дозволено, скажем, сделать рамку по каждому документу, а дозволено применить только к титульной его странице.

6. Исполните оставшиеся настройки в окне параметров документа. Также вы можете легко заменить рамку на иную, удалив нынешнюю и посмотрев, как будет выглядеть ваш документ с иной. Также испробуйте воспользоваться образцами оформления.

7. Исполните сохранение документа при помощи пункта меню «Сберечь как…». При выборе формата рассматривайте, в какой версии MS Office ваш файл будет открываться в будущем, от того что растяжение .docx не поддерживается ветхими версиями программы (до 2007 года).

Обратите внимание!
Сберегайте проделанные метаморфозы чаще.

Полезный совет
Пользуйтесь образцами.

Добавление даже дюже примитивный рамки вокруг текста в страницах документа гораздо меняет его воспринятие. А в текстовом редакторе Microsoft Word есть инструменты, которые дозволяют подобрать рамки, подходящие для оформления различных типов документов. Дозволено использовать их как ко каждому страницам сразу, так и для выделения какой-нибудь особенно значимой из них, либо же к отдельным фрагментам текста внутри страниц.

Вам понадобится

• Текстовый редактор Microsoft Word 2007

Инструкция

1. Откройте в текстовом редакторе документ, на страницах которого нужно разместить рамку и щелкните в меню раздел «Разметка страницы».

2. Нажмите кнопку «Границы страниц», которая помещена в группе команд «Фон страницы». Так вы откроете окно с заголовком «Границы и заливка» на его вкладке «Страница».

3. Выберите в левой колонке («Тип») вариант оформления рамки – обыкновенная, с тенью, объемная и т.д.

4. Установите надобные параметры выбранного варианта оформления рамки в средней колонке этой вкладки. Тут вам нужно в выпадающих списках предпочесть тип линии, ее цвет и ширину. Помимо того, в нижнем выпадающем списке («Рисунок») дозволено предпочесть из длинного списка какой-нибудь вариант графической замены обыкновенной линии.

5. Отщелкните, если нужно, одну из пиктограмм, обозначающих края листа документа. Таким методом вы можете дать команду редактору не рисовать рамку с какого-нибудь края страницы.

6. Выберите в поле «Применить к» область действия заданных вами параметров рисования рамки.

7. Нажмите кнопку «OK», когда все нужные параметры рамки будут указаны. Редактор отобразит ее вокруг текста документа. Позднее вы можете менять заданные параметры, применяя данный же диалог.

8. Есть иной метод создания рамок, тот, что дозволено применять как для отдельно взятой страницы целиком, так и для какой-нибудь произвольной области внутри нее. Дабы ним воспользоваться, перейдите на вкладку «Вставка» и щелкните кнопку «Фигуры» в группе «Иллюстрации».

9. Выберите в выпадающем списке особенно подходящий вариант для применения в качестве рамки. После этого наведите курсор мышки на левый верхний угол области, которую нужно разместить в рамку, нажмите левую кнопку и, не отпуская ее, переместите курсор к правому нижнему углу области. Если хотите, дабы при этом сохранялись пропорции выбранной фигуры, то делайте это, удерживая нажатой клавишу SHIFT.

10. Щелкните сделанную рамку правой кнопкой мыши и выберите в меню пункт «Формат автофигуры». Так открывается окно подробных настроек рамки.

11. Перейдите на вкладку «Расположение» и щелкните пиктограмму с подписью «за текстом». Таким методом вы переместите рамку на задний план и сделаете видимым текст на этой странице.

12. Перейдите на вкладку «Цвета и линии» и выберите для рамки те цвета, которые огромнее каждого подходят для оформления этой страницы документа. Нажав кнопку «Методы заливки» дозволено получить доступ к больше продвинутым вариантам оформления фона страницы в пределах рамки.

13. Нажмите кнопку «OK» и задача создания фигурной рамки будет решена.

jprosto.ru

Как сделать рамку для текста в фотошопе с помощью ободки и выделения — Photoshop

Если ты являешься новичком в изучении программы Adobe Photoshop,то даже простейшие вещи могут вызвать затруднение. И ладно бы написать текст, есть специальный инструмент для этой операции. Но порой приходится задействовать не только знания, но и логику. Для того чтобы сделать рамку для текста придется задействовать несколько операций. Давайте разберемся, какие именно.

Для начала создадим рабочий документ. Размер практически не имеет значения, лишь бы вам было удобно. И сразу же создадим новый слой при помощи комбинации клавиш ctrl+shift+n.

Напишем текст. Думаю, вы уже знаете, какой инструмент вам в этом поможет, но на всякий случай я напомню. Для написания нашей фразы используем инструмент «текст» на боковой панели.

Теперь давайте примемся за рамку. Я сделаю простенький монохромный вариант, но вам советую подключить фантазию и продвинуться немножко дальше.

Создаем новый слой, той же комбинацией клавиш ctrl+shift+n. А теперь выбираем инструмент прямоугольная область и «обводим» наш текст.

Не пытайтесь проделать эту операцию идеально ровно. Рамку для текста мы еще выровняем. Но позже.

Теперь обведем рамку. Для этого на верхней панели ищем «редактировать» — «выполнить обводку».

Как видите, вариаций настроек тут довольно много. Вы можете пофантазировать и украсить свою рамку для текста по всему усмотрению. Как видите, обводка может располагаться с разных сторон вашего выделения. Цвета и режим наложения тоже вполне можно заменить. Я выбрала вот такие настройки:

Теперь нам следует снять выделение с рамки. Вы можете воспользоваться как соответствующей командой на верхней панели во вкладке «выделение», так и комбинацией клавиш ctrl+d.

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

Итак, приступим к выравниванию. В окне слоев выбираем исходный слой — подложку. Он будет вторым по счету.

Вам следует расставить направляющие (линейки) по появившимся маркерам снизу и сверху. Если вы не знаете, как это сделать, здесь можете изучить подробнее.

А теперь в том же окне слове выбираем поочередно слой с надписью и рамкой и выравниваем их по направляющим.

Посмотрим, какая рамка для оформления текста в фотошопе у меня вышла.

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

• Создать рабочую область и новый слой.
• Вставить рамку на исходный документ
• Написать текст
• Выровнять их

Вот так все просто и незамысловато.

photoshop-work.ru

КАК СДЕЛАТЬ РАМКУ в html вокруг текста?: leovik33 — LiveJournal

В процессе оформления сайта многие начинающие сайтостроители задаются вопросом, как изменить шрифт, размер и цвет заголовков. Да, это действительно отличный вариант, с помощью которого можно внести некоторую свежесть оформления сайта. Но существует еще один не менее интригующий вопрос, как сделать рамку html.

Для чего нужна рамка html

На самом деле, никакой особенной функции данный элемент не несет. Но все же текст, заключенный в привлекательно оформленную рамку вызывает определенный интерес у читателей. Поэтому рамку вокруг текста смело можно назвать одним из способов подчеркивания важности обрамленного текста.

Особенности создания рамки вокруг текста

 

«>

Конечно же, вариаций оформления рамки средствами CSS значительно больше, но это совсем другая история. К тому же данный способ подойдет более продвинутым сайтостроителям. Я думаю, у нас с вами и с помощью правки html кода получится не менее красивая рамка html.

На первом этапе необходимо уяснить то, что рамку можно сделать для каждого html элемента в независимости, что это за тег <h2>, <p>, <img>, <span> и т.д.

В свою очередь существует разница между рамками встраиваемых и блочных элементов.

Рамка встроенного типа находится внутри тегов, правильнее сказать, отвечающий за ее отображение html код заключенный между определенных тегов. На выходе у нас получается html рамка вокруг текста, для которой необходимо прописать определенные команды с целью задания внутренних отступов.

Блочные рамки формируются во всю ширину блока, что провоцирует потребность задания команд связанных с ограничением ширины.

Конечно же для того чтобы сделать текст в рамке html нам придется обратиться к встроенным стилям. Данный способ станет наиболее приемлемым для выделения некоторых отдельно взятых фраз, абзацев в тексте и картинок. Если же вам необходимо выделить какую-то определенную часть шаблона, отображающуюся на всех страницах сайта, разумно обратиться к правке файла style.css шаблона.

Как вокруг текста сделать рамку в html

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

Важно! Встроенные стили отменно работают и не вредят HTML валидности сайта.

Для реализации такой же рамки необходимо обратиться к тегу <p> и заключить между ним ниже опубликованный код.

<p>ВАШЕ ПРЕДЛОЖЕНИЕ.</p>

Так как в данном примере использовались встроенные css стили, считаю не менее важным ознакомить вас с каждым из них.

1. border – свойство, отвечающее за отображение рамки. Для упрощения поставленной задачи я не стал по отдельности прописывать каждое свойство — border-width (толщина границ рамки), border-color (цвет рамки html). А вместо этого немного сократил html код, прописав все свойства после двоеточия.

Для изменения внешнего вида рамки достаточно изменить значение solid. Существуют следующие границы рамок:

— ridge – рельефная.

— dotted – точечная.

— double – двойная.

— dashed – пунктирная.

— solid – сплошная.

2. padding – свойство, отвечающее за расстояние между рамкой и объектом, заключенным в нее.

 

При желании можно еще немного побаловаться со стилями добавив к числу команд заключенных между открывающимся и закрывающимся тегом <p> свойство margin. Таким способом можно осуществить отступы элементов, которые находятся снаружи рамки.

Чтобы изменить задний фон достаточно прописать свойство background-color, указав после двоеточия код желанного цвета.

Рамка вокруг картинки html делается тем же самым способом, поэтому у вас с этим не должно возникнуть проблем. Единственное что нужно знать новичку, это то, что для ее отображения свойства необходимо прописать в одиночном теге <img>.

Подытожив можно сказать, что для того чтобы сделать рамку вокруг картинки или текста достаточно открыть отображение html кода статьи и прописать в нем между определенными тегами специальные свойства.

источник

leovik33.livejournal.com