Никогда не видела такого поста, поэтому создаю свой.
Так что простите меня, если он будет напоминать вам какой-то до боли знакомый пост.
Картинки.
Здесь покажу и попытаюсь рассказать о всевозможных рамках для картинок в постах (то есть для HTML). За мое долгое времянахождение на Вьюи я успела собрать себе собственную коллекцию, которую храню в Ворде (лол).
1. Картинка с ТЕНЬЮ .
<p style="text-align:center;"><img src="ССЫЛКА" style=" box-shadow: 0 2px 20px #A1A1A1; align=" center " /></p>
2. Картинка с РАМКОЙ .
<p style="text-align:center;"><img src="ССЫЛКА" style="border: 1px solid #A1A1A1; padding: 5px;" align=" center " /></p>
где solid - наименование рамки; padding - расстояние от края картинки до рамки.
solid -одиночная рамка
double -двойная рамка
dotted - точечная рамка
dashed -пунктирная рамка
groove -рамка как бы из вдавленной линии, с имитацией объема
ridge - рамка отображается выпуклой линией с имитацией объема
inset - рамка отображается так, что весь блок кажется вдавленным
outset - рамка отображается так, что весь блок кажется выпуклым.
3. ЗАКРУГЛЕННАЯ картинка.
<p style="text-align:center;"><img src="ССЫЛКА" style=" text-align: center; border-radius: 20px 20px 20px 20px;" /></p>
где 20px 20px 20px 20px -показатели закругления, первые два - верхние углы картинки, 3-ий -это нижний правый угол и 4-ый соответственно нижний левый угол.
4. Картинка с РАМКОЙ и ТЕНЬЮ .
<p style="text-align:center;"><img src="ССЫЛКА" style=" text-align: center; border: 1px solid #A1A1A1;padding: 3px;box-shadow: 0 2px 20px #A1A1A1" align=" center " /> </p>
5. ЗАКРУГЛЕННАЯ картинка с ТЕНЬЮ .
<p style="text-align:center;"><img src="ССЫЛКА" style=" text-align: center; border-radius: 20px 20px 20px 20px; box-shadow: 0 2px 20px #A1A1A1" align=" center " /></p>
6. ЗАКРУГЛЕННАЯ картинка с РАМКОЙ .
<p style="text-align:center;"><img src="ССЫЛКА" style=" text-align: center; border-radius: 20px 20px 20px 20px; border: 1px solid #A1A1A1; padding: 3px;" align=" center " /></p>
7. ЗАКРУГЛЕННАЯ картинка с РАМКОЙ и ТЕНЬЮ.
<p style="text-align:center;"><img src="ССЫЛКА" style=" text-align: center; border-radius: 20px 20px 20px 20px; border: 1px solid #A1A1A1; padding: 3px;box-shadow: 0 2px 20px #A1A1A1" align=" center " /></p>
С любовью,
Ваша Allright_baby: з