3

Вот макет:

Подскажите хотя-бы, что нужно использовать (в идеале пример конечно же). Заранее благодарю.

0

2 ответа 2

5

p {
  position: relative;
  border: 1px solid;
  padding: 1em .5em .5em 1em;
  margin: .5em 1em 1em .5em;
  float: left;
}

p:before {
  content: "";
  position: absolute;
  left: .5em;
  top: .5em;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: inherit;
  box-sizing: content-box;
}
<p>Сделать двойную рамку со сдвигом?</p>

0

.dd {
    padding: 10px;
    border: 2px solid blue;
    width: 400px;
    height: 80px;
    overflow: hidden;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.bb {
    margin-top: 10px;
    margin-left: 10px;
    position: relative;
}
.dd:after {
    border: 2px solid #FF5722;
    width: 400px;
    height: 80px;
    box-sizing: border-box;
    position: absolute;
    top: -10px;
    left: -10px;
    content: '';
}
<div class="bb">
<div class="dd">Текст</div>
</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.