0

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

首先,我想让它的角落变圆。我这样做: $('.box').corner('round 10px');

然后我想给它添加渐变。所以它会有圆角+渐变。我尝试以下:

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

我得到了我想要的东西,但渐变适用于所有盒子,渐变越过圆角。

我试着先做渐变然后角落,但还是一样的。

如何将渐变 + 角添加到 .box 并使其看起来不错?

4

2 回答 2

0

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

http://gradients.glrzad.com/

于 2012-01-08T09:18:49.023 回答
0

也许您可以节省一些时间并使用 CSS 3?

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

于 2009-11-27T11:45:18.223 回答