html5css3，请问我想把鼠标移上去，然后空心原点变成红色原点。_随笔

写好了，把代码复制到html文件里然后运行到浏览器上查看一下！

<!DOCTYPE html>

<html>

<head>

</head>

div:hover {

background-color: red

}

div {

width: 100px

height: 100px

border-radius: 100px

border: 2px solid #000

}

</style>

<body>

<div>

</div>

</body>

</html>

我这边浏览器上的效果：

默认时：

鼠标移动到其位置时：

1．创建一个新的HTML文件百，该文件被称为测试。标题是“CSS实现的鼠标在导航栏上显示的超链接的下划线效果”。

2．在页面上写nav标签，放入三个超链接（首页，第一栏，第二栏），代码如下。

3．运行代码，效果如下。

4．使用backCSS来美化字体大小、颜色和导航字体的排列。守则如下。

5．运行代码，效果如下：可见，经过CSS样式美化，当鼠标经过时，显示蓝色。

6．使用CSS代码，实现鼠标在上面显示下划线效果，代码如下。

7．在浏览器中运行代码以达到预期的效果。

欢迎分享，转载请注明来源：内存溢出

html5css3，请问我想把鼠标移上去，然后空心原点变成红色原点。