首页分别给给四个不同的元素设置不同的鼠标样式，其中一个设置链接样式，并完成跳转学院官网(https://ncuky.edu.cn)

分别给给四个不同的元素设置不同的鼠标样式，其中一个设置链接样式，并完成跳转学院官网(https://ncuky.edu.cn)

时间: 2024-02-23 18:57:16 浏览: 94

好的，我可以回答你的问题。下面是代码示例： ```html <!DOCTYPE html> <html> <head> <title>设置不同元素的鼠标样式</title> <style> /* 设置链接样式的鼠标样式 */ a { cursor: pointer; } /* 设置按钮样式的鼠标样式 */ button { cursor: pointer; } /* 设置图片样式的鼠标样式 */ img { cursor: zoom-in; } /* 设置文本框样式的鼠标样式 */ input[type="text"] { cursor: text; } </style> </head> <body> <a href="https://ncuky.edu.cn">跳转到学院官网</a> <br> <button>点击我</button> <br> <img src="https://dummyimage.com/200x200/000/fff" alt="图片"> <br> <input type="text" placeholder="请输入内容"> </body> </html> ``` 在上面的代码中，我们使用了CSS的`cursor`属性来设置不同元素的鼠标样式。在这个例子中，我们对四个不同的元素设置了不同的鼠标样式： - `<a>`元素：链接样式，当鼠标悬停在链接上时，鼠标会变成手型，用于标识该元素是一个链接，并且可以跳转到其他页面。 - `<button>`元素：按钮样式，当鼠标悬停在按钮上时，鼠标会变成手型，用于标识该元素是一个按钮，并且可以执行某些操作。 - `<img>`元素：图片样式，当鼠标悬停在图片上时，鼠标会变成放大镜型，用于标识该元素是一张图片，并且可以放大查看。 - `<input>`元素：文本框样式，当鼠标悬停在文本框上时，鼠标会变成I型，用于标识该元素是一个文本框，并且可以输入文本。其中，我们还通过`<a>`元素的`href`属性，将该元素设置为一个跳转链接，跳转到学院官网。

阅读全文