先来写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像素。
写完后来看看效果