为了账号安全,请及时绑定邮箱和手机立即绑定

如下图:用CSS代码可以实现这种样式的斜角吗?怎么实现?

如下图:用CSS代码可以实现这种样式的斜角吗?怎么实现?

波斯汪 2022-07-06 11:07:41
查看完整描述

2 回答

?
叮当猫咪

TA贡献1776条经验 获得超12个赞

可以。用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>


查看完整回答
反对 回复 2022-07-11
?
慕娘9325324

TA贡献1783条经验 获得超4个赞

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

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

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


查看完整回答
反对 回复 2022-07-11
  • 2 回答
  • 0 关注
  • 360 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信