Código CSS de la barra de navegación de la tienda Taobao

Sí. Se puede hacer con CSS. Sin embargo, CSS3 no es compatible con navegadores inferiores a IE9. Permítanme escribir un ejemplo y ver el efecto primero (en Firefox):

Código: lt;!DOCTYPE?htmlgt;

lt;htmlgt;

lt ;headgt ;

lt;meta?charset="utf-8"?/gt;

lt;link?href="xxx/apple-touch-icon.png"? rel= "apple-touch-icon-precomposed"?/gt;

lt;titlegt;CSS3?Polygonlt;/titlegt;

lt;/headgt;

lt;bodygt;

lt;style?type="text/css"gt;

.pxsbx{?width:?100px;?height:?60px;?- webkit -transform:?skew(-20deg);?-moz-transform:?skew(-20deg);?-o-transform:?skew(-20deg);?fondo:?#669;margin-left:20px; }

lt;/stylegt;

lt;div?class="pxsbx"gt;lt;/divgt;

lt;/bodygt;

lt;p>

lt;/htmlgt;