특정 영역에 마우스 오버 시 다른 CSS 속성을 적용하시려면

CSS hover 선택자에 대해 알아보시면 도움이 되실 듯합니다.

특정 링크에 마우스를 올렸을 때 글자 색상을 파란색으로 적용하고 글씨가 두껍게 적용되는

코드를 간단하게 작성해봤습니다.

아래의 코드를 활용해보시겠어요?

<style>
.my-link:hover { color: blue; font-weight: bold; }
</style>
<a href="https://cosmosfarm.com" class="my-link">코스모스팜</a>

고맙습니다.