为输入元素设计漫画风格的边框

Question

我如何设计一个矩形形状来覆盖html中的输入元素作为边框，但我想用漫画风格来设计它。例如，右外边框应该比左边宽，右上角应该锐利，并像漫画风格一样指出。

Answer 1

漫画边框是一个很酷的想法。我想到了两个关于如何得到这个造型的想法。

• 你可以在css中使用border-image:。你可以在https://www.w3schools.com/cssref/css3_pr_border-image.asp.
• I上找到更多信息，还有一个codepen，它有很酷的漫画边框，https://codepen.io/mp/pen/ldAFs。它们通过旋转带有边框的div以及旋转和内部div来实现漫画书边框的外观。这使div看起来很扭曲，并且边框是锥形的。

我希望这个答案能帮助你！