<head>
<style type="text/css">
*{margin:0padding:0font-size:12pxtext-align:center}
.list{margin:50px autowidth:300px}
.item {clear:both}
.item dt{float:leftwidth:110pxtext-align:left}
.item dt a img{border:2px #ddd solidwidth:96pxheight:96px}
.item dt a:hover img{border:2px red solid}
.item dd {float:leftwidth:190pxline-height:20pxtext-align:left}
</style>
</head>
<body>
<div class="list">
<dl class="item">
<dt><a href=""><img src="http://img.baidu.com/img/logo-zhidao.gif" /></a></dt>
<dd>鼠标移到图片上，图片四周的边框线变颜色鼠标移到图片上，图片四周的边框线变颜色鼠标移到图片上，图片四周的边框线变颜色图片四周的边框线变颜色</dd>
</dl>
<dl class="item">
<dt><a href=""><img src="http://img.baidu.com/img/logo-zhidao.gif" /></a></dt>
<dd>鼠标移到图片上，图片四周的边框线变颜色</dd>
</dl>
</div>
</body>
</html>
dw里怎样设置图片的css样式1、首先在文件内插入一张图片，点击插入\图像，选择一张图片即可。
2、选中图像，点击css样式窗口的+号，新建一个CSS（相关课程推荐：css视频教程） 样式，打开对话框。选择标签元素，下面就自动变为img，就是说为图像编辑规则。
3、比如要为图片编辑边框，就在弹出的对话框中选择边框，有三个属性可以更改，一个是类型，大小和颜色。可以根据需要选择。
4、在右侧的css面板上就多了个边框属性，代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。
5、如果要对该图像再进行修改，可以点击css样式窗口下的铅笔，在弹出的对话框中修改即可。
