淘宝店铺导航栏CSS代码

如上图：用CSS代码可以实现这种样式的斜角吗？怎么实现？

2024-12-27 18:23:45

推荐回答（4个）

回答1：

可以。用CSS可以做到。但是CSS3在IE9以下的浏览器支持不好。我写个例子，先看效果(火狐下)：

代码：




    
    
    CSS3 多边形



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

回答2：

这个用背景图片最好，用像2楼那样的CSS3代码也可以，但是现在浏览器对于CSS3的代码支持不是太好，IE9以上的浏览器才认识CSS3代码。

回答3：

这应该不是一斜线，而是一个图片，也就是背景图片（多半是个长方形），像这样的一个图片：

用这样一个图片做背景，其它的位置图片都弄成那个红色，看上去就是那个斜线的效果了。

说到这不知道你听明白没有。如果真要弄个斜线的话，那应该是不好实现的。

回答4：

去河塘月色3学习这方2面的技术