在网页设计中，经常见到多张图片排列的情况，对于多图排列设置的css中具体设置图片的方法进行探索
工具/原料
1
Adobe Dreamweaver CS5
2
200*200的图片若干张
方法/步骤
2
打开后，出现下列界面
4无标题文档 上面，继续输入在
在
中输入class='container'，具体如下图
5
再输入以下代码：.container div{ float:left; margin-top:20px; margin-left:25px;}.container p{ font-size:20px; font-family:黑体;}具体位置为下图所示
6
再输入以下代码：a{ text-decoration:none; color:#204402;}a:hover{ text-decoration:underline; color:red;}a:hover img{ border:4px #0b35ce solid;}具体位置如下
7
文件---保存或者文件---另存为
注意事项
步骤2中出现界面，是否在拆分界面，根据个人习惯，在代码、拆分、设计中切换
上一篇：玉竹种植时需要注意什么？