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

I managed to find a solution by accident.

Here's the code:

background-color: none !important;
  border:none !important;
  border-top: 5px dotted #70c1bb !important;
    border-top-width:5px;
    border-right-width:0px;
    border-bottom-width:0px;
    border-left-width:0px;