天津网站制作中内页内容区container层和三个栏目介绍链接linkarea层是左右结构，形成“两列”布局。对contain CSS设置，编码如下hello world"内页主体内容css样式
#show #main #container {
float:left;
width:510px;
margin:0;
background:url(images/container_bg_b2.gif) repeat-y 0 0;
}
向左浮动、宽度和外边距定义不变，去除辅助背景色，增加背景片设置。设置图片路路径，垂直方向重复排列，定位于(o，o)。这里的背景图片形成内容区左右边框线，边框的上部由hl兀素实现、边框的底部由h6元素实现内页文章标题hl元素与首页的文章标题有显著的差别，宽度与背景都发生了变化，内页文章标题hl尺寸及布局情况如图对内页文章标题hl进行CSS定义，编码如下。
#show #main #container h1 {天津软膜天花，天津网站建设
width:470px;
margin:0 0 8px 0;
background:url(images/container_bg_b1.jpg) no-repeat left top;
}
设置hl的宽度与高度；设置底部外边距为8px，其余三侧外边距均为0；设置内边距上、下均为0，左、右均为20px;定义背景图片，设置背景图片路径、不重复排列，定位于居左、顶部，它实现内容区上部的圆角与标题的颜色渐变背景。链接元素及链接悬停状态的CSS样式与首页hl元素相似，不再赘述。文章内容的段落p不需要承担背景图片设置的任务，仅需要设置适当的外边距并水平居中对齐。文章内容段落p的CSS编码如下。
#show #main #container p {
width:470px;
}
#show #main #container h6 {
width:470px;
height:26px;
margin:0;
padding:0 20px;
line-height:16px;
text-align:center;
font-size:13px;
color:#666;
background:url(images/container_bg_b3.gif) no-repeat left bottom;
}
了宽度上的变化，内页内容区段落p与首页内容索引区段落p的CSS属性设置相同。这里不再赘述代码的含义。作者时间信息h6标签的CSS样式需要实现内容区底部圆角边框的设置，．，其尺寸及布局情况如图1-33所示。——作者时间信息h6的CSS编码如下。
设置h6的宽度与高度；设置外边距为0，去除浏览器默认h6标签的外边距属性；设置内边距上、下均为0，左，右均为20px;设置行距、文字水平居中、、文字大小、颜色；定义背景图片，设置背景图片路径、：不重复排列，定位于居左、底部，它实现内容区下部的圆角翕边框。内页的linkarea层居于页面右侧，从首页的“三列式”布局变化为“三行式”布局，每个栏目标题图片与介绍文字的样式与首页相同，内页的linkarea层元素的尺寸及布局。内页的linkarea层的CSS编码如下。列表dl在内页的CSS样式，除了对外边距进行调整外，其他属性与首页dl相同，这里调整下外边距为20px，设置另外三侧的外边距为Oo定义列表dl的dt和dd元素在内页的CSS样式设置与首页相同，这里不再重复代码。在本书所提供的源代码下载中，可以清晰地看到所有编码结构。至此，应用CSS样式组建内页也已经完成，最终所得到的页面与效果图基本一致，如图1-35所示。