ФЭНДОМ


 
Строка 8: Строка 8:
 
</syntaxhighlight>
 
</syntaxhighlight>
 
CSS в CSS
 
CSS в CSS
<syntaxhighlight lang="CSS" highlight="21, 22, 43, 49">
+
<syntaxhighlight lang="CSS" highlight="21, 22, 37, 31, 43, 49">
 
.block {
 
.block {
 
background: rgba(0,0,0,0.2);
 
background: rgba(0,0,0,0.2);

Текущая версия на 08:19, июня 4, 2020

На страницу

<div class="block">
<div class="border">
СЮДА КОНТЕНТ</div>
</div>

CSS в CSS

.block {
  background: rgba(0,0,0,0.2);
  margin: 20px auto;
  padding: 5px;
  position: relative;
  display: block;
}
 
.border {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
 
.block:before,
.block:after,
.border:before,
.border:after {
  position: absolute;
  width: 28px;  height: 28px;  content: '';
  border-color: #fff;
  border-style: solid;
}
 
.block:before {
  left: 0px;
  top: 0px;
  border-width: 9px 0 0 9px;}
 
.block:after {
  right: 0px;
  top: 0px;
  border-width: 9px 9px 0 0;}
 
.border:before {
  right: 0px;
  bottom: 0px;
  border-width: 0 9px 9px 0;}
 
.border:after {
  left: 0px;
  bottom: 0px;
  border-width: 0 0 9px 9px;}
Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA , если не указано иное.