Showing posts with label rounded. Show all posts
Showing posts with label rounded. Show all posts

CSS3 - rounded corners -moz-border-radius

Last time, I was talking about rounded corners in article CSS3 - rounded corners - How To, now I think it's time to get a little bit deeper and explain something about property -moz-border-radius, so you can see what is capable of.
First of all, -moz-border-radius is supported in Mozilla browsers, and it works in Firefox 3.0 or later versions.
In previous article, I made a div, with background color and border, this time I will only use div with background color and fixed width and height, you can add borders later if you want.
So let's get started :-)

CSS - border and background for image

Images with no borders on websites really look kinda old or outdated I think, so I will show you how to style your images with a simple CSS code, which adds border and background to image.
Let's get this party started :-)

CSS3 - rounded corners - How To

Do you want to know how to make rounded corners in a few minutes? It's quite simple, you just have to add some CSS and you're done. I have tested this in Firefox and Google Chrome, and it works, but it doesn't work in micro&soft internet explorer, do you think I care ? :-)
Let's have a look how it's done.