Как подружить тень с закруглением?
 

при закругление углов, тень которая внутри вылезает за углы, торчит по краям, пытался решить по всякому, но до сих пор не получилось, помогите пожалуйста с решением это проблемы

Никуда оно не вылезает. Как вы задаёте тени, так он их и показывает.

<style>div{
box-shadow:
   inset 0px 2px 0px #ff0000,
   inset 0px -2px 0px #ff0000,
   inset 0px 3px 2px #000,
   inset 0px -3px 2px #000;
}</style>
<div><br><br><br></div>

maxim96, мне вот интересно... При каком освещении и расположении прямоугольника и "материнской плоскости" будет такая тень? :)

А вы border-radius поставите и посмотрите, мне не надо квадратное...

Как вариант - сунь все это в еще один див с

overflow: hidden;

И его уже закругляй... ;)

maxim96, тоже самое же.

<style>div{
border-radius:3px;
box-shadow:
   inset 0px 2px 0px #ff0000,
   inset 0px -2px 0px #ff0000,
   inset 0px 3px 2px #000,
   inset 0px -3px 2px #000;
}</style>
<div><br><br><br></div>

чего вы хотите то, я не понимаю.

Нарисуйте что ли то что вам надо.

css к стороннему сайту подключил так что не варик :-(

Дак на первом скриншоте выделил зеленым, внимательно посмотрите в самый левый угол и в самый правый угол и в самый нижний левый угол, смотри черное вместо красного!

Поставьте

textarea {
    resize: none;
}

BETEPAH,
Да не, я кажись понял о чём он. Самые крайние пиксели чуток затемняются.

Решение в лоб: подложить тени нужного цвета.

<style>div{
border-radius:3px;
box-shadow:
   inset 0px 2px 0px #ff0000,
   inset 0px -2px 0px #ff0000,
   inset 0px 2px 0px #fff,
   inset 0px -2px 0px #fff,
   inset 0px 3px 2px #000,
   inset 0px -3px 2px #000;
}</style>
<div><br><br><br></div>