efeito de imagem tipo globo.com e uol

ola pessoal como vcs estão ? estou tentando descobrir uma solução já faz meses, mas ate o momento não tive exido, porque ainda sou novato em programação, cabei de construir meus primeiros sites, mas agora quero fazer algo completamente novo.

eu observei o site da globo.com e uol e notei que ao selecionar a mensagem da imagem de noticia, uma borda interna aparecera e o texto ficara sublinhado ; e também acontece contrario, se posiciono o mause em cima da imagem, a própria imagem aparecera com uma borda interna e o texto da imagem aparecera com um sublinhado.

queria saber se auguem sabe fazer essa interação entre a imagem e o texto, acredito que foi usado javascript

peço com gentileza que ajudem.

obrigado pela atenção e até mais