先来写html的代码
打开Dreamweaver，新建一个html文档和css文档，在html中引用css，在“body”中给它七个层次包裹的“div”类名分别为“group、hello、header、rg、mb、lg、kkb”，写完后，什么效果都没有
接下来写css的样式
先把内外边距设置为0，先给“group”设样式宽700像素，高420像素，背景颜色蓝色，上下98像素的内边距，左右为0。
接下来给“hello”设置样式宽354像素，高284像素，背景颜色青色，三个像素的虚线边框颜色为红色，左边的外边距140像素，内边距上下35像素，左右0像素。
给“header”设置样式宽284像素，高220像素，背景颜色紫色，两个像素的实线边框颜色为黄色，左边的外边距35像素，内边距上下32像素，左右0像素。
给“rg”设置样式宽218像素，高206像素，背景颜色淡蓝色，一个像素的虚线边框颜色为粉色，左边的外边距34像素，内边距上下6像素，左右0像素。
给“mb”设置样式宽202像素，高126像素，背景颜色青色，两个像素的实线边框颜色为蓝紫色，左边的外边距6像素，内边距上下38像素，左右0像素。
给“lg”设置样式宽121像素，高85像素，背景颜色淡蓝色，两个像素的虚线边框颜色为绿色，左边的外边距38像素，内边距上下18像素，左右0像素。
最后给“kkb”设置样式宽80像素，高80像素，背景颜色蓝紫色，两个像素的实线边框颜色为红色，左边的外边距19像素。
写完后来看看效果
