Question

用div+css写个简单的页面

如图，用CSS写这个页面的样式，宽是730像素的，中间是写文字的，高度最好可以随着内容增加而变化。最好是纯CSS样式写出来，当然也可以用插入图片的方式。

Answer 1

html:

<div class="demo">
<div class="header">产品描述</div>
<div class="main">主内容……<br>主内容……</div>
</div>

css:

.demo .header
{
background:#BB0 url(标签背景地址) repeat-x;/* 背景设置 */
text-align:center;color:#000;font-size:15px; /* 字体设置 */
text-shadow:1px 1px 1px #FFF,-1px 1px 1px #FFF,1px -1px 1px #FFF,-1px -1px 1px #FFF;/* 文字外边框发光 IE下无效 */
width:100px;line-height:20px; /* 宽度 和 高度 */
border:1px solid #FF0;border-bottom:none; /* 边框 */
}
.demo .main
{
width:500px; /*固定宽度*/
border:1px solid #FF0;/* 边框 */
padding:5px; /*留白好看一点*/
}

Answer 2

<div class="test" style="color:red;"></div>