CSS

Рамки вокруг текста

by akogch

HTML

<p class="first">Рамка вокруг текста</p>
<p class="second">Рамка вокруг текста</p>
<p class="third">Рамка вокруг текста</p>

CSS

p {
  background-color: #F05258;
  padding: 5px;
  width: 200px;
  color: #FACED0;
} 
.first {
  border: 3px double #FACED0;
}
.second {
  padding: 7px;
  border: 1px solid #FACED0;
  box-shadow: inset 0px 0px 0px 1px #F05258,
              inset 0px 0px 0px 2px #FACED0;
}
.third {
  padding: 7px;
  outline: 1px solid #FACED0;
  outline-offset: -3px;
  border: 1px solid #FACED0;
}