CSS ??? ?? ??? ?? ? ??? ?? ?? ??? ??? ? ??? ????. ??? ??? ???? ?? ?? ??? ???? ??? ?????. ? ???? ??, ???, ??, ?? ?? ?? ?? ? ??? ???, ?? ?? ??? ??? ? ????!

? ?? ???? ??? ?????.

 ? {
  ?? ?? : ?? 10px ?? 10px, ?? 10px ??? 10px, ?? 10px ??? 10px, ?? 10px ?? 10px;
  ?? ?? : ? ??;
  ??-??? : URL (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-top-left.svg), URL (https://s3-us-west-2.amazonaws.com/s.s.cdpn.io/3/angles-bottom.svg), url (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-bottom-right.svg), url (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-bottom-left.svg);
}

?? ??? ??? ?? ?? ??? ????????.

 @Media (min-width : 1500px) {
  ? {
    /* ??? ?? ??? ???? ?? ?? ??? ??????. */
  }
}

??? ?? ??? ? ????! ? ?? ???? ?? ???? ?? ?? ???? ???????. ?? ?? ??!

? ?? ??? ?? ?? ??? ??? ??? ?? ?? ?? ??? ? ???? ???? ????.

 ? {
  -Basebackgrounds : URL (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-top-left.svg), URL (https://s3-us-west-2.amazonaws.com/s.c.s.cdpn.io/3/angles-bottom-right.svg), url (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-bottom-right.svg), url (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-bottom-left.svg);
  ?? ?? : ?? 10px ?? 10px, ?? 10px ??? 10px, ?? 10px ??? 10px, ?? 10px ?? 10px;
  ?? ?? : ? ??;
  ?? ??? : var (-??? ? ????);
}
@Media (min-width : 1500px) {
  ? {
    ????? ??? : var (-Basebackgrounds), URL (?? ? 5 ?? .svg);
  }
}

?? ? ?? ???? ?? ??? ??? ??? ?? ?? ??? ? ? ???, ?? ? ???? ???? ?? ? ????.

 ? {
  ---bg1 : url (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-top-left.svg);
  ---bg2 : url (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-top-right.svg);
  ---bg3 : url (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-bottom-right.svg);
  ---bg4 : url (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-bottom-left.svg);
  ---bg5 : url (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-bottom-left.svg);
  ?? ??? : var (-bg1), var (-bg2), var (-bg3), var (-bg4);
}
@Media (min-width : 1500px) {
  ? {
    ?? ??? : var (-bg1), var (-bg2), var (-bg3), var (-bg4), var (-bg5);
  }
}

??? ?? ??? ?? ? ?? ?????.

?? ?? ??? ???? ????? ?? CSS ??? ?? ??? ? ?????!

?? ??? ?? ?? ??? ??? ????? ?? ?? ????. ????? ??? ?? ? ???? ?? ?? ? ?? ?? ??? ? ????.

 ---bg_1_url : url ();
---bg_1_size : 100px;
-BG_1_REPEAT : No-Repeat;
/* ?. */

?? ??? ??? ?? ??? ?? ???? ?? ? ?? ????.

 ? {  
  ---bg_1 : URL (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-top-left.svg) ?? 10px ?? 10px/86px no-Repeat;
  ---bg_2 : URL (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-top-right.svg) ?? 10px ??? 10px/86px no-Repeat;
  ---bg_3 : URL (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-bottom-right.svg) ?? 10px ??? 10px/86px no-repeat;
  ---bg_4 : URL (https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/angles-bottom-left.svg) ?? 10px ?? 10px/86px no-repeat;

  ?? : var (-bg_1), var (-bg_2), var (-bg_3), var (-bg_4);
}

?? ??.

? ??? ??? ?? ???? ?? ??? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!