css border gradient on corners

[Jen]

I'm trying to frame my web page, and I want \[code\]div\[/code\]s with just the corners defined. Essentially, I want the top-right and bottom-left corner to have gradient borders. I hope my "ASCII art" makes sense to you.\[code\] - - - - - - - ----. | | ' | ' ' '\[/code\]I want the corresponding effect for the bottom-left corner as well.My incorrect code thus far does not give the desired effect:\[code\]-webkit-border-image: -webkit-gradient(linear, 0 0, 100% 0, from(#666), to(#fff)) 1 100%;\[/code\]