简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
css3 - 如何用css画出一个宽度占满屏幕，高度固定的三角形？
PHPz
PHPz 2017-04-17 11:26:48
0
1
619

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

比如：

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

PHPz
PHPz

学习是最好的投资！

répondre à tous(1)
PHPzhong
PHPzhong2017-04-17 11:28:48 1 plancher

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

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

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！