forme rectangle css

1#parallelogramme {
2  width  : 100px;
3  height : 0;
4  border-top  : 50px solid green;
5  border-left : 20px solid transparent;
6  position : relative;
7}
8#parallelogramme:after {
9  width  : 0;
10  height : 0;
11  content: '';
12  border-bottom : 50px solid green;
13  border-right  : 20px solid transparent;
14  border-left   : 20px solid transparent;
15  position : absolute;
16  top  : -50px;
17  right: -20px;
18}

1
2.rondTriangle{
3	margin:100px auto;
4	width: 0;
5	height: 0;
6	border-left: 50px solid transparent;
7	border-right: 50px solid transparent;
8	border-bottom: 100px solid #000;
9	position: relative;
10}
11.rondTriangle:after{
12	content:'';
13	background:#069;
14	-webkit-border-radius:50px;
15	-moz-border-radius:50px;
16	-o-border-radius:50px;
17	border-radius:50px;
18	width:75px;
19	height:75px;
20	position: absolute;
21	top:30px;
22	left:-37px;
23}			
24			
25