CSS Coloured Border Colour Change On Text Link

HTML & CSS
1

Hi All
CSS is not really my strong point I have got so far but not sure where I’m going wrong. I have several text links in a table which I would like to have
a solid border / box around and when the mouse moves over the link the box colour changes colour.

I have the solid box part, but don’t know how to do the hover colour change, tried a href style if changing nav text colour but cant change the border colour.

Any pointers would be great

.box1
{
border-style:solid;
border-color:#CC6600;
border-width:medium;
background-color:#CC6600;
text-color:#FFFFFF;

}

2

The answer is ‘:hover’

.box1
{
border-style:solid;
border-color:#CC6600;
border-width:medium;
background-color:#CC6600;
text-color:#FFFFFF;

}
.box1:hover
{
border-color:some other color hex;
background-color:some other color hex;
text-color:some other color hex;
}

:slight_smile:

3

cheers bud!