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

Leave a comment

Check these Out!

Subscribe and get the latest posts in your inbox by entering your email address below

%d bloggers like this: