You can use CSS :hover pseudo-class selector, to create a an attractive  rollover effect—when a user holds their cursor over the button, it displays in a different way. Using the list navigation example from the article How to use a structural list as a navigation menu with CSS, you can add the next CSS line in test.css file:

C# 8.0 and .NET Core 3.0 – Modern Cross-Platform Development: Build applications with C#, .NET Core, Entity Framework Core, ASP.NET Core, and ML.NET using Visual Studio Code, 4th Edition
ASP.NET Core 3 and Angular 9: Full stack web development with .NET Core 3.1 and Angular 9, 3rd Edition
C# in Depth, 4th Edition

#navigation li a:hover {

background-color: #2E2E2E;

color: #FFFFFF;


The next picture shows the result:

Creation of rollover navigation with CSS

Creation of rollover navigation with CSS