Это цитата сообщения bloginja Оригинальное сообщение

*Закругляем острые углы на картинке


Берём картинку



Чтобы закруглить углы на картинке, пишем HTMLкод:

<img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"border="0" style="border-radius: ЧИСЛО ОТ 1 ДО 100%;" />


Вставляем данные и получаем картинку с закругленными углами :

Радиус установлен 80%

Радиус установлен 9%

Текст на картинку

HTML код:
<div align="center"><table background="АДРЕС КАРТИНКИ"><tr><td valign="bottom" align="center" width="ширина картинки" height="высота картинки"><font face="шрифт текста" size="размер текста" color="#цвет текста">ТЕКСТ.</font></td></tr></table></div>

Пример:

Смотрите на цветы. Минуты не считайте. В цветах повтора нет, от них нельзя устать. Смотрите на цветы. Их как стихи читайте. Прекрасно над цветком в раздумье постоять.

Чтобы текст располагался вверху, нужно заменить в коде valign="bottom" на valign="top"
а заменив на valign="middle", текст будет выровнен по середине.
Пробуйте, эксперементируйте. Количество текста зависит от размера картинки.

*

bloginja*

KOD моего оформления>>><center><img src="//i021.radikal.ru/1403/73/470f01923ae8.gif" width="" height="" border="0" align="right" /><br /><br /><br /><br /><br /> <div style="width:750px;height:***px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:4px solid #e88b8b;background-image: url('//img0.liveinternet.ru/images/attach/d/0/140/811/140811972_RSRRSRSRSR.jpg');background-color:#42D3E3;-webkit-box-shadow:inset rgba(0,0,0,.5) -3px -3px 8px,inset rgba(255,255,255,.9) 3px 3px 8px,rgba(0,0,0,.8) 3px 3px 8px -3px;"><center><div style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000066;font-size:16px">***ВАШ ТЕКСТ***<br /><br /> </span></div></center></div></center>

===============================