Hard to describe it but is there an easy way to have a div box have a 1 pixel border in one color and then a 2 pixel border inside a different color without using 2 different style properties? Currently Im doing it this way, which Im sure Im doing this wrong:
I’d say you’re not doing it wrong, elements can only have one border, you want two borders, use two borders on two elements.
THOUGH, depending on your content you could use 1px border + 2px padding setting the 2px as the background-color, then set the color on all inner semantic elements like P and H2… though you’d have to null all margins and use padding on P instead.