CSS Circle with border

Question

Every tutorial I've found has the same line and fill colour. I only need a circle with a red line and a white fill.

I have tried:

.circle {
    border: red;
    background-color: #FFFFFF;
    height: 100px;
    -moz-border-radius:75px;
    -webkit-border-radius: 75px;
    width: 100px;
}

But cannot get the red border?

Answer 1

You forgot to set the width of the border! Change border: red; to border:1px solid red;