jQuery Corner+Gradient

Question

我有一个div元素.box，它的宽度是200px，高度是300px

首先，我想把它做成圆角。我用下面的命令来做：$('.box').corner('round 10px');

然后我想给它添加渐变。所以它将有圆角+渐变。我试着这样做：

$('.box').gradient({ topcolor: '#000000', bottomcolor: '#ffffff', horizontal: false, opacity: 40}); 

我得到了我想要的东西，但是渐变适用于所有的方框，渐变应用于圆角。

我试着先做渐变，然后做拐角，但仍然是一样的。

如何在.box中添加渐变+角点并使其看起来更好？

Answer 1

也许你可以节省一些时间，使用CSS3？

http://www.css3.info/preview/rounded-border/

Answer 2

对于渐变，还可以使用css3，如以下代码生成器中所述

http://gradients.glrzad.com/