网页设计中常需排列多张图片，可通过CSS灵活设置布局方式、间距及响应式效果，实现美观整齐的图片展示。
1、 启动Adobe Dreamweaver CS5，创建一个新的HTML文件。
2、 开启后显示如下界面
3、 输入界面内容
4、 一张图片链接指向编号为08172618559的图像，点击后可进入相关页面，下方标注文字为主题一，整体构成一个图文结合的导航模块。
5、 点击图片进入主题二，配图显示为a0000058.jpg，内容围绕第二个专题展开，简洁直观地引导用户了解相关资讯。
6、 点击图片进入主题三，查看相关内容。
7、 点击图片进入主题四，查看相关内容。
8、 页面显示内容如下
9、 在未命名文档的标题上方，持续添加新的内容。
10、 }
11、 在 div 标签内添加 class 属性并设置为 container，如示例所示。
12、 输入以下代码：
13、 黑体字体样式设置，用于中文文本显示。
14、 详见下图所示位置
15、 输入以下代码：
16、 a{
17、 位置详见下文
18、 文件保存或另存为
