Question

Needing help for some homework. I hope someone can help me out as I have tried all combinations with not much success. I’ve been asked to simplify the following:

border-top: 1px solid #8B8BA2; 
border-left: 1px solid #8B8BA2; 
border-bottom: 1px solid #8B8BA2;

Anyone have any great ideas. I did try the following but it didn’t seem to work:

border: 1px solid none solid solid #8B8BA2;

Hope someone out there can help.

Mari

Answer 1

Specifying the border attribute let’s you specify all borders at once. Since three out of four are the same, specify the border for all sides, and then remove the border for the one it doesn’t apply to:

border: 1px solid #8B8BA2;
border-right: 0;