求高手帮我写一段HTML代码，要求鼠标指向一张图片时图片加白色或者红色边框，移开时又恢复原样！谢了
2个回答
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.addborder
{
border: 1px solid red;
}
.removeborder
{
}
</style>
</head>
<body>
<img id="image1" src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" onmouseover="this.className='addborder';" onmouseout="this.className='removeborder';" />
</body>
</html>
<head>
<title></title>
<style type="text/css">
.addborder
{
border: 1px solid red;
}
.removeborder
{
}
</style>
</head>
<body>
<img id="image1" src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" onmouseover="this.className='addborder';" onmouseout="this.className='removeborder';" />
</body>
</html>
追问
我希望能在淘宝里面的自定义模块中使用，以上代码进入模块后只剩下图片代码了
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
简单写了一下，使用CSS实现，代码在下面，希望能帮到你
<style>
.{
padding: 0;
}
.ss
{
border: 4px solid;
border-color: white;
}
.ss img
{
border: 0px solid;
}
.ss:hover
{
border: 4px solid;
border-color: red;
}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
</head>
<body>
<a href="#" class="ss"><img src="./img_1.png"></img></a> <!--图片地址src换成你自己的就可以-->
</body>
</html>
<style>
.{
padding: 0;
}
.ss
{
border: 4px solid;
border-color: white;
}
.ss img
{
border: 0px solid;
}
.ss:hover
{
border: 4px solid;
border-color: red;
}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
</head>
<body>
<a href="#" class="ss"><img src="./img_1.png"></img></a> <!--图片地址src换成你自己的就可以-->
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
