CSS Rounded corners

by

Try:

selector {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

This will work in Firefox, Safari, Chrome and any other CSS3-compatible browser. It may be easier to make a separate class for this – there are 3 statements which are needed for full compatibility.

Also, try here (cssjuice.com) for some more techniques using images.

I’m not completely sure whether this will work with a table, but if you’re in complete control – don’t use a <table> for layout. Please.

(Note – I think its fine to use the table tag for tabular data, just not where DIVs should be used.)

Update: to apply to one corner only:

-moz-border-radius-topleft: 3px;
/* ... */
-webkit-border-top-left-radius: 3px;

Continue for topright or top-right.

More Related Contents:

  1. I want to create a color picker in ionic app [closed]
  2. How to vertically center a container in Bootstrap?
  3. Print page numbers on pages when printing html
  4. Why position:sticky is not working when the element is wrapped inside another one?
  5. Change bullets color of an HTML list without using span
  6. Change color of sibling elements on hover using CSS
  7. Word wrap options in a select list
  8. ie9 border radius
  9. Setting transform-origin on SVG group not working in Firefox
  10. Color of stacked semi-transparent boxes depends on order?
  11. Apply style to parent if it has child with CSS [duplicate]
  12. How can apply multiple background color to one div
  13. Why doesn’t CSS ellipsis work in table cell?
  14. using text-align center in colgroup
  15. CSS Float Logic
  16. 100% width minus margin and padding [duplicate]
  17. How to include all css kept in a directory?
  18. display:inline with margin, padding, width, height
  19. Centering floating divs within another div
  20. How to center div vertically inside of absolutely positioned parent div
  21. Detecting ‘transform: translate3d’ support
  22. How to show an animation that is hidden behind a colored div using a “reveal” div on the surface
  23. Responsive order confirmation emails for mobile devices?
  24. How to get rid of extra space below svg in div element
  25. Center an image horizontally using CSS
  26. Alternate background colors for list items
  27. How to align footer (div) to the bottom of the page? [duplicate]
  28. CSS Inset Borders
  29. Why is my background color not showing if I have display: inline?
  30. When to use CSS positioning?

Leave a Comment