HTML5：矩形，填充和边框的反向渐变
是否可以创建一个矩形，具有从黑色顶部到白色底部的渐变填充以及从白色顶部到黑色底部的渐变边框？
问候，
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
是否可以创建一个矩形，具有从黑色顶部到白色底部的渐变填充以及从白色顶部到黑色底部的渐变边框？
问候，
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（2）
假设也可以对背景图像和边框图像使用 css 渐变。我仍然很难正确地获取边框图像语法，但这里有一个半弄清楚的边框图像渐变的小提琴： http://jsfiddle.net/y8uFu/
您可以在此处深入了解边框图像的规范：http://www.w3.org/TR/css3-background/#border-images
我很想看看是否有人能弄清楚边框图像。
It's also hypothetically possible using css gradients for the background-image and border image. I still suck at getting the border-image syntax correct but here's a half-figured out fiddle with a gradient for a border-image: http://jsfiddle.net/y8uFu/
You can dig through the spec for border-image here: http://www.w3.org/TR/css3-background/#border-images
I'd love to see if someone can figure it out for the border-image.
是的，这绝对是可能的。 “画布”就是您正在寻找的。
以下是一些可以帮助您入门的资源：
Yes, this is most definitely possible. "Canvas" is what you are looking for.
Here are a few resourcses to get you started: