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

OREON

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

Вложения

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

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>';
 
Последнее редактирование:
Странный подход, если можно писать стили прямо в 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; и добавит ему стиль границы и отступа.
 
Странный подход, если можно писать стили прямо в 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; и добавит ему стиль границы и отступа.
Пробовал так делать - но оно начало на каждый текст на странице делать рамки, подошел второй вариант от
Но всеравно Вам спасибо за ответ и за помощь

Тему можно закрыть проблема решенна
 
Пробовал так делать - но оно начало на каждый текст на странице делать рамки, подошел второй вариант от
В первом или втором варианте?
Если во втором, значит у вас много span со style = color: red; font-size: 14px;, что весьма странно. Обычно если необходимо много элементов делать с одинаковыми стилями пишется стиль для определенного класса, и этот класс прописывается нужным элементам, это ощутимо сокращает объем кода. В целом считается признаком дурного тона множественное использование в html атрибутов style, их надо выносить в css, при чем не обязательно в отдельный файл, можно делать и в html в шапке.
 
<style> p { border: 1px solid red; padding: 10px; } </style>
 
тег span по умолчанию имеет display:inline; для того что бы рамка была корректной, внутри тега span в стилях помимо border:1px solid red; пропиши display:inline-block; так же стоит добавить marign:0 5px; для того что бы объекты (к примеру текст) справа и слева не касались линий span.
 
Назад
Сверху