CSS Circle with border

Every guide I find has the line and fill the same colour. All I want is a circle with a red line and 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?

Related Posts:

  1. CSS reset – What exactly does it do?
  2. When to use margin vs padding in CSS [closed]
  3. SVG center horizontal and vertical line
  4. Can I change Bootstrap button color?
  5. Is it bad practice to comment out single lines of CSS with //?
  6. Half circle with CSS (border, outline only)
  7. How to draw a half circle (border, outline only) [closed]
  8. Set parent style via child
  9. What is the proper way to display a logo with CSS?
  10. Draw Circle using css alone [duplicate]
  11. Responsive font size in CSS
  12. How to make a vertical line in HTML
  13. CSS Font Border?
  14. How do I change the background color with JavaScript?
  15. Why em instead of px?
  16. Vertical Align Center in Bootstrap
  17. Button Center CSS
  18. Centering a background image, using CSS
  19. How to change the cursor into a hand when a user hovers over a list item?
  20. not:first-child selector
  21. CSS: center element within a
  22. what is a parse error and how do I fix it
  23. draw diagonal lines in div background with CSS
  24. Bootstrap NavBar with left, center or right aligned items
  25. How to make the overflow CSS property work with hidden as value
  26. How to make a sticky footer in react?
  27. How to push a footer to the bottom of page when content is short or missing?
  28. Linking to a pdf file with html
  29. Can I add background color only for padding?
  30. Change TD border color with HTML or CSS
  31. How to draw a checkmark / tick using CSS?
  32. Why adding version number to CSS file path?
  33. Hide text using css
  34. Changing the width of Bootstrap popover
  35. CSS background color not working
  36. Bootstrap transparent navbar
  37. jQuery toggle CSS?
  38. 100% DIV width is not really 100%
  39. CSS 3 slide-in from left transition
  40. CSS selectors ul li a {…} vs ul > li > a {…}
  41. Bootstrap scrollable panel
  42. Slanted border using CSS
  43. CSS checkbox input styling
  44. Is there a CSS selector for elements containing certain text?
  45. How to place two divs next to each other?
  46. Background color in input and text fields
  47. How to draw a trapezium/trapezoid with css3?
  48. CSS3 opacity gradient?
  49. CSS3 background image transition
  50. How to import Google Web Font in CSS file?
  51. CSS Equivalent of the “if” statement
  52. Create a slanted edge to a div [duplicate]
  53. Hexagon shape with CSS3
  54. Adding border to CSS triangle [duplicate]
  55. How to make div background color transparent in CSS
  56. How to make a monopoly board using css grid?
  57. Setting table column width
  58. multiple classes on single element html
  59. How to line-break from css, without using
    ?
  60. How to apply CSS to iframe?
  61. How do I rotate text in css?
  62. What does “*” mean in CSS?
  63. How to show text on image when hovering?
  64. Position absolute but relative to parent
  65. How do you add a scroll bar to a div?
  66. How do you specify table padding in CSS? ( table, not cell padding )
  67. Delete white space between divs
  68. Reset/remove CSS styles for element only
  69. Random background images CSS3
  70. How to create checkbox inside dropdown?
  71. SSL Breaks WordPress CSS
  72. show classes as dropdown in guttenberg`s additional css classes input box
  73. Is it possible to insert text into an html tag using functions.php?
  74. Alterntives to BEM syntax that comply with WordPress coding standards? [closed]
  75. Make shortcode’s Bootstrap CSS override the theme’s CSS, how?
  76. Update html tag class values based on Woocommerce product attribute dropdown selection [closed]
  77. Hide woocommerce category name from specific pages
  78. Get a blank line after div by simply leaving an empty line in the editor
  79. How to stop my themes CSS changing the WordPress interface/?
  80. WordPress style.css not updating, only after theme reload
  81. loading a custom stylesheet in a function
  82. Custom styles in Tiny MCE with an external CSS file
  83. How to not load stylesheet and how to load a second stylesheet on a page
  84. Blocking Plugin Css to load custom in template directory
  85. Plugins not showing up for custom template
  86. WordPress Sudden Loss of All CSS And Tons of JQuery Errors
  87. Cannot add a class to metabox
  88. Woocommerce – Switching Price for Category
  89. I want to change change the arrangement of the grid of posts displayed by the theme on the Search page (read the description for better understanding)
  90. Vertical Menu items shifting to same line when window size increased [closed]
  91. editor style css and page template with and without sidebar
  92. Outputting the blogposts or the_content()
  93. How to add different CSS for galleries
  94. Apply Classes to post text inside editor
  95. How to keep close a sub-menu under homepage? [closed]
  96. How can I append and prepend something to all post hyperlinks without using ::before or ::after? PHP hook solution?
  97. How can I either move the nav bar down or create more space for the header? Theme – Ajaira
  98. Parent style messing up with Bootstrap [closed]
  99. Disable all Fonts that are Standard in WordPress and replacing them with a custom Font?
  100. How to hide button with CSS class?

Leave a Comment