4个回答
展开全部
<html>
<head>
<style type="text/css">
*{margin:0;padding:0;font-size:12px;text-align:center;}
.list{margin:50px auto;width:300px;}
.item {clear:both;}
.item dt{float:left;width:110px;text-align:left;}
.item dt a img{border:2px #ddd solid;width:96px;height:96px;}
.item dt a:hover img{border:2px red solid;}
.item dd {float:left;width:190px;line-height:20px;text-align:left;}
</style>
</head>
<body>
<div class="list">
<dl class="item">
<dt><a href=""><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /></a></dt>
<dd>鼠标移到图片上，图片四周的边框线变颜色鼠标移到图片上，图片四周的边框线变颜色鼠标移到图片上，图片四周的边框线变颜色图片四周的边框线变颜色</dd>
</dl>
<dl class="item">
<dt><a href=""><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /></a></dt>
<dd>鼠标移到图片上，图片四周的边框线变颜色</dd>
</dl>
</div>
</body>
</html>
<head>
<style type="text/css">
*{margin:0;padding:0;font-size:12px;text-align:center;}
.list{margin:50px auto;width:300px;}
.item {clear:both;}
.item dt{float:left;width:110px;text-align:left;}
.item dt a img{border:2px #ddd solid;width:96px;height:96px;}
.item dt a:hover img{border:2px red solid;}
.item dd {float:left;width:190px;line-height:20px;text-align:left;}
</style>
</head>
<body>
<div class="list">
<dl class="item">
<dt><a href=""><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /></a></dt>
<dd>鼠标移到图片上，图片四周的边框线变颜色鼠标移到图片上，图片四周的边框线变颜色鼠标移到图片上，图片四周的边框线变颜色图片四周的边框线变颜色</dd>
</dl>
<dl class="item">
<dt><a href=""><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /></a></dt>
<dd>鼠标移到图片上，图片四周的边框线变颜色</dd>
</dl>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<dl><dt></dt><dd></dd></dl>
dt规定宽度左浮动。dd规定宽度右浮动。OK解决
dt规定宽度左浮动。dd规定宽度右浮动。OK解决
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个很简单啊！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给多少分
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
