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

[OREON]

Есть текст

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

Так вот нужно что бы текст

Внимание: Будьте бдительны! Не совершайте предоплату товара!

был внутри красной рамки.

 

[mychatik]

Добавь стиль

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

 

[OREON]

если код добавить в стили весь текст на странице в рамке

 

[mychatik]

Тогда так:

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>

И тогда:

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

 

[zALEHANz]

Странный подход, если можно писать стили прямо в 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]

Странный подход, если можно писать стили прямо в 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]

Пробовал так делать - но оно начало на каждый текст на странице делать рамки, подошел второй вариант от

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

 

[hybrid666]

<style> p { border: 1px solid red; padding: 10px; } </style>

 

[Chezzy]

<style> p { border: 1px solid red; padding: 10px; } </style>

Для всех элементов <p></p> на странице будет применен стиль с рамкой =_)

 

[Jhon2]

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