1个回答
展开全部
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
<div style="color:black;width=120px;height:40px;" onmouseover="this.style.border='1px solid red'" onmouseout="this.style.border='none'">111</div>
</body>
</html>
自己看下效果 最简单的
下面是同时添加2种效果时的代码
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<style>#xg1{border:1px solid red;background:#ffff00;}#xg2{border:none;background:none;}</style>
<body>
<div style="color:black;width=120px;height:40px;" onmouseover="this.id='xg1'" onmouseout="this.id='xg2'">111</div>
</body>
</html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<body>
<div style="color:black;width=120px;height:40px;" onmouseover="this.style.border='1px solid red'" onmouseout="this.style.border='none'">111</div>
</body>
</html>
自己看下效果 最简单的
下面是同时添加2种效果时的代码
<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<style>#xg1{border:1px solid red;background:#ffff00;}#xg2{border:none;background:none;}</style>
<body>
<div style="color:black;width=120px;height:40px;" onmouseover="this.id='xg1'" onmouseout="this.id='xg2'">111</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
