CSS Tricks Quickie – Multiple Border Styles and Radius

Did you know that you can set multiple border styles for the sides of divs and images. By using the following css script, you can define any multiple borders you want:

div
{
border-width:5px;
border-style:dotted solid;
}

By using this with another css trick, the border radius, you can set some nice effects when hovering images. The radius css is below (all three must be include to work in all browsers):

-moz-border-radius:13px;
-webkit-border-radius:13px;
border-radius:13px;

Do you have some more simple tricks? Let me know in the comments 😉 Happy CSSing!

Resources

No Responses

Leave a Reply

Your email address will not be published. Required fields are marked *