淘宝店铺导航栏CSS代码

如上图:用CSS代码可以实现这种样式的斜角吗?怎么实现?... 如上图:用CSS代码可以实现这种样式的斜角吗?怎么实现? 展开
 我来答
wlg19840628
推荐于2016-03-02 · TA获得超过468个赞
知道小有建树答主
回答量:467
采纳率:0%
帮助的人:356万
展开全部

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

代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link href="xxx/apple-touch-icon.png" rel="apple-touch-icon-precomposed" />
    <title>CSS3 多边形</title>
</head>
<body>
<style type="text/css">
.pxsbx{ width: 100px; height: 60px; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); background: #669;margin-left:20px; }
</style>

<div class="pxsbx"></div>
</body>
</html>
lmtcdsuy
2013-11-09 · TA获得超过766个赞
知道小有建树答主
回答量:395
采纳率:0%
帮助的人:145万
展开全部
这个用背景图片最好,用像2楼那样的CSS3代码也可以,但是现在浏览器对于CSS3的代码支持不是太好,IE9以上的浏览器才认识CSS3代码。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
aAa9079
2013-11-09 · TA获得超过2289个赞
知道大有可为答主
回答量:1181
采纳率:100%
帮助的人:679万
展开全部

这应该不是一斜线,而是一个图片,也就是背景图片(多半是个长方形),像这样的一个图片:

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

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

追问
谢谢!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2016-08-17
展开全部
去河塘月色3学习这方2面的技术
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式