12 ноября 2016

Создаем простую рамку с выпуклым бордюром и разрывом для картинки или текста

ТЕКСТ или др. содержимое
.
HTML код этой рамки:

<center>
<fieldset style="width:500px;border:17px ridge#400099 "><br /><legend align="center"><img src="https://img-fotki.yandex.....bmp" /></legend>ТЕКСТ или другое содержимое</fieldset>
</center>

ИЛИ НАЧНЕМ С НАЧАЛА:

<fieldset style="width:ШИРИНА РАМКИpx;border:ТОЛЩИНА БОРДЮРАpx ridge #ЦВЕТ БОРДЮРА"><br /><legend align="center"><img src="ССЫЛКА НА КАРТИНКУ" /></legend>ТЕКСТ или другое содержимое</fieldset>

.
   В кодах одни и те же показатели выделены одним цветом.
   Можно изменять все показатели.
   Код цвета можно быстро взять в онлайн генераторе цветов. В интернете есть немалый выбор онлайн генераторов цветов, среди которых можно выбрать по душе и установить в свой блог. Например,ТАКИЕ.
   Здесь в блоге установлен очень простой и удобный онлайн генератор для подбора нужного цвета, его оттенков и получения их кодов. Выбираю цвет и справа  в колонках появляются его оттенки и коды. Если не требуются сложные "маневры" для оформления веб-страницы и сообщений, такой  генератор вполне удобен.




Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...