使用CSS可以通过设置CSS属性来动态修改颜色和形状。其中，通过使用CSS伪类选择器可以实现当鼠标悬停在元素上时，元素的颜色和形状发生变化，这种效果通常称为“悬停效果”。
要实现这种效果，可以使用CSS中的:hover伪类选择器。例如，如果要在悬停时将一个按钮的背景颜色更改为红色，可以使用以下CSS代码：
button:hover {
background-color: red;
}同样，如果要在悬停时将一个元素的形状更改为圆形，可以使用以下CSS代码：
element:hover {
border-radius: 50%;
}其中，border-radius属性用于设置元素的圆角半径，将其设置为50%可以将元素变成一个圆形。
需要注意的是，通过使用CSS动态修改颜色和形状时，需要确保目标元素在HTML文档中已经存在，并且需要将CSS代码放置在
标签中或外部CSS文件中。