• Страница 1 из 1
  • 1
Как сделать рамку под описание или картинку на сайте

Дата: Вт, 16.03.2021, 22:45 | Сообщение 1
Регистр
04.01.2021
Сообщений
455

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



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

Для этого нам нудно описание и прописать его в

Код
<fieldset>Здесь ваше описание</fieldset>


И все, больше не чего не надо, вы можете там прописать ключевые слова и поставить H1 - H2 -H2 -H4 - H6

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

Здесь нужно, делать все также как на первой квадратной, только уже совершенно другой скрипт и CSS.

Код
<div style="border-radius: 8px;" class="radius"> Здесь пишем, что вам нужно</div>


И небольшой стиль под него:

Код
.radius {
     background: #f0f0f0; /* Цвет фона */
     border: 1px solid black; /* Параметры рамки */
     padding: 15px; /* Поля вокруг текста */
     margin-bottom: 10px; /* Отступ снизу */
    }


Все подробно написано в style!

Но скажу больше, сами рамки можно сделать очень оригинальными. Где реально есть небольшой выбор.



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

Подписывайтесь! Рекомендуйте нашу группу своим знакомым профессионалам в IT WiN-Prog Наша группа ВКонтакте!



  • Страница 1 из 1
  • 1
Поиск: