Every now and then you may come across a design that calls for double borders around an element. The “border” CSS property only gives you one border. Instead of wrapping your element in a div and applying another “border” property to it to give the effect of two borders, you can use the “box-shadow” CSS property and setting the thickness of one border to be larger than the other. Copy and paste the code below and adjust accordingly.
There are two jokes in the web design community. The first one goes like this:
A web designer walks into a bar and immediately leaves in disgust upon noticing all of the tables.
Basically, HTML emails are a b@#4ch! If you want your fonts to look as you’d expect in your HTML emails, use one of the following.
Sometimes you may need a layout that calls for fixed width content but a fluid background. You can accomplish this with multiple divs or, if you use the calc function, you can just use one div or element, as exemplified below.
When you want to make rounded corners on divs using CSS, all you have to do is specify a CSS border-radius style to the div, e.g.
However, if you want this to work on a table element, you need to add overflow: hidden, i.e.