H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【CSS】如何用css画出一个宽度占满屏幕,高度固定的三角形?

如何用css画出一个宽度占满屏幕,高度固定的三角形?

比如:

clipboard.png

在上面那个容器宽度不固定的情况下也可以与上面的容器等宽。

回答:

用 border 来做的话好像不太容易实现,最后采用渐变和伪元素来实现,可以实现上面的效果,只是不知道你要兼容的浏览器版本是什么。

具体代码参见:http://codepen.io/yuezk/pen/xwQweW

本文地址:H5W3 » 【CSS】如何用css画出一个宽度占满屏幕,高度固定的三角形?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址