How to create parallelogram shape background?

Question

I am trying to make parallelogram background for my textview but it is not displaying properly...it display following output

Answer 1

Are you referring to the navigation menu? If so, you can use this code to make a parallelogram:

ul#nav li a {
display: inline-block;
text-decoration:none;
padding:4px 10px;
border-radius:3px;
transform: skew(-10deg);
-o-transform: skew(-10deg);
-moz-transform: skew(-10deg);
-webkit-transform: skew(-10deg);
color:#000000;
}
ul#nav li a span {
display: inline-block;
transform: skew(10deg);
-o-transform: skew(10deg);
-moz-transform: skew(10deg);
-webkit-transform: skew(10deg);
}

You can also check the HTML and CSS version in codepen.

Hope this helps.