CSS3 Rounded and Dotted borders?

Question

Is it possible to create a border in CSS3 such that they are rounded and dotted?

I\'m rounding my corners but they appear solid with:

border: 1px dot         


        

Answer 1

My solution for this issue is

background: url('../images/dot.png');
background-size: 4px;
background-position: bottom left;
background-repeat: repeat-x;

make sure the dot image is just one dot with some white space on wither side of it. After that you should be good.