如下图：用CSS代码可以实现这种样式的斜角吗？怎么实现？
波斯汪浏览 361回答 2
2回答
-
叮当猫咪
可以。用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> -
慕娘9325324
这应该不是一斜线，而是一个图片，也就是背景图片（多半是个长方形），像这样的一个图片：用这样一个图片做背景，其它的位置图片都弄成那个红色，看上去就是那个斜线的效果了。说到这不知道你听明白没有。如果真要弄个斜线的话，那应该是不好实现的。
随时随地看视频慕课网APP
Java
CSS3