对主内容区样式：因为有连个区域，一个最新消息区，一个图片展示区。其宽度一样，可以设置相同的class属性，用一个css样式即可
.consection{
        display: block;
        border: 0px #330000 solid;
        ;
        left: 10px; top:10px;
        margin:0px auto; padding:20px;
}
这里的block，表示区块固定大小，当文字超过区块时，文字会换行。
display: inline时，区块随内容变动，当文字超过区块时，区块会增大。

最新消息框，由<fieldset><legend>组合组成，CSS代码如下：
fieldset{
        border:1px solid;
        border-radius: 10px;   /*圆角*/
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
}
fieldset legend{
        text-align: center;
}

图片展示区
比较简单，只需为图片设置圆角，边框设置为2px即可
img{
        margin: 3px;
        border-radius:15px;
        -moz-border-radius: 15px;        -webkit-border-radius: 15px;
        border: 2px solid;

}


体会：实践实践还是实践！