Помогите зделать рамку вокруг текста на php

OREON

Гуру форума
Регистрация
18 Янв 2009
Сообщения
435
Реакции
73
Есть текст
Код:
echo '<div style="margin-left: 60px;">';
echo '<span style="color: red; font-size: 14px;"><b>Внимание: Будьте бдительны! Не совершайте предоплату товара!</b></span>';
Так вот нужно что бы текст
Внимание: Будьте бдительны! Не совершайте предоплату товара!
был внутри красной рамки.
 

mychatik

Постоялец
Регистрация
28 Авг 2011
Сообщения
47
Реакции
24
Добавь стиль
Код:
<style>
span {
border: 1px solid red; /* Толщина рамки в пикселах,
                           тип границы (в данном случае сплошная линия) и
                           цвет линии */
padding: 5px; /* Расстояние от текста до рамки */
}
  </style>
 

OREON

Гуру форума
Регистрация
18 Янв 2009
Сообщения
435
Реакции
73
если код добавить в стили весь текст на странице в рамке
 

Вложения

  • ТИЦ.png
    ТИЦ.png
    11,8 KB · Просмотры: 19

mychatik

Постоялец
Регистрация
28 Авг 2011
Сообщения
47
Реакции
24
Тогда так:

PHP:
echo '<span style="color:red; font-size:14px; border: 1px solid red; padding:5px;"><b>Внимание: Будьте бдительны! Не совершайте предоплату товара!</b></span>';

Или в стили класс добавить

Код:
<style>
.ramka {
    font-size:14px;
    font-weight:bold;
    color:red;
    border: 1px solid red;
    padding:5px;
   }
  </style>

И тогда:

PHP:
echo '<span class="ramka">Внимание: Будьте бдительны! Не совершайте предоплату товара!</span>';
 
Последнее редактирование:

zALEHANz

Постоялец
Регистрация
26 Апр 2015
Сообщения
98
Реакции
39
Странный подход, если можно писать стили прямо в HTML просто добавляем нужный стиль:
Код:
echo '<div style="margin-left: 60px;">';
echo '<span style="color: red; font-size: 14px;border:1px solid red;padding:3px"><b>Внимание: Будьте бдительны! Не совершайте предоплату товара!</b></span>';
Если же в выводе ничего не записать, то есть нет возможности прописать класс и т.п., то можно обратиться напрямую к селектору атрибута, например если в css написать это:
Код:
span[style="color: red; font-size: 14px;"]{border:1px solid red;padding:3px}
То произойдет следующее, браузер найдет span в атрибуте style которого будет параметр color: red; font-size: 14px; и добавит ему стиль границы и отступа.
 

OREON

Гуру форума
Регистрация
18 Янв 2009
Сообщения
435
Реакции
73
Странный подход, если можно писать стили прямо в HTML просто добавляем нужный стиль:
Код:
echo '<div style="margin-left: 60px;">';
echo '<span style="color: red; font-size: 14px;border:1px solid red;padding:3px"><b>Внимание: Будьте бдительны! Не совершайте предоплату товара!</b></span>';
Если же в выводе ничего не записать, то есть нет возможности прописать класс и т.п., то можно обратиться напрямую к селектору атрибута, например если в css написать это:
Код:
span[style="color: red; font-size: 14px;"]{border:1px solid red;padding:3px}
То произойдет следующее, браузер найдет span в атрибуте style которого будет параметр color: red; font-size: 14px; и добавит ему стиль границы и отступа.
Пробовал так делать - но оно начало на каждый текст на странице делать рамки, подошел второй вариант от
Но всеравно Вам спасибо за ответ и за помощь

Тему можно закрыть проблема решенна
 

zALEHANz

Постоялец
Регистрация
26 Апр 2015
Сообщения
98
Реакции
39
Пробовал так делать - но оно начало на каждый текст на странице делать рамки, подошел второй вариант от
В первом или втором варианте?
Если во втором, значит у вас много span со style = color: red; font-size: 14px;, что весьма странно. Обычно если необходимо много элементов делать с одинаковыми стилями пишется стиль для определенного класса, и этот класс прописывается нужным элементам, это ощутимо сокращает объем кода. В целом считается признаком дурного тона множественное использование в html атрибутов style, их надо выносить в css, при чем не обязательно в отдельный файл, можно делать и в html в шапке.
 

hybrid666

Писатель
Регистрация
9 Ноя 2014
Сообщения
4
Реакции
1
<style> p { border: 1px solid red; padding: 10px; } </style>
 

Jhon2

Создатель
Регистрация
19 Май 2016
Сообщения
17
Реакции
13
тег span по умолчанию имеет display:inline; для того что бы рамка была корректной, внутри тега span в стилях помимо border:1px solid red; пропиши display:inline-block; так же стоит добавить marign:0 5px; для того что бы объекты (к примеру текст) справа и слева не касались линий span.
 
Сверху