Как сделать прямоугольник со стрелкой в ​​CSS?

Как сделать прямоугольник со стрелкой в ​​CSS?

Сделать скругленный угол легко. но есть идея сделать стрелку слева без использования изображения.

Можно ли сделать возможным с

только один элемент

....

 body {background  : # ff004e;  отступ: 40 пикселей} р {фон: белый;  -webkit-border-radius: 10 пикселей;  -moz-border-radius: 10 пикселей;  радиус границы: 10 пикселей;  ширина: 250 пикселей;  height: 150px} 
 

enter image description here

31
задан Stewartside 14 December 2015 в 12:46
поделиться