先给大家展示下效果图，如果感觉还不错，请参考实现代码：

书店静态页面代码如下：

！DOCTYPE html html head meta charset=' utf-8 ' title/title style # right { float : right；垂直对齐： 中间；线高：50 px右边距：70 px} #右img { margin-top :11 px；} #右a {左边距-:-4px；文本装饰：无；font-size : 13pxcolor: # 0066FF} #右a : hover { color : # 909 } # menu { padding-top : 6px；边框-top:3px实心# 82B211高度：40 px背景色-: # 1C 3F 09；文本对齐：中心；字间距： 13px} #菜单白色线高： 40px文本装饰：无；font-size : 18px字体粗细：粗体；} #菜单a:hover { color: # 999} #菜单all { color : # FAFA00 } # search { height : 40px；背景-color : # b6b 684；文本对齐：右侧；} #搜索范围{行高： 40px} #搜索输入{ width : 100 pxh three : 10px }。img 2 { margin-top : 10px；填充-右侧： 230 px} #内容置顶{ margin : 10px autofont-size : 13px宽度宽度：800pxtext-align:右侧；} #内容正文{ margin :-10px auto；border: 1px固体# 999999;宽度宽度：800像素高度：800 px} #内容正文书{ margin :10 pxfont-size : 18px} #contentbodybook标签{ font-size : 10px} # img 2 { width :760 pxmargin-top : 10px；} #contentbodybook表格img { width:120px高度：190 px填充-top :38 px；左边距left: 50px}。book name TD { padding-left :80 px；font-size : 13px} # page { text-align : center} # page a { text-decoration : none；font-size : 7pxcolor : # 9aafe 5 border : 1px固体# 9aafe 5 adding :2 px 6px/*等同于padding:2px 6px 2px 6px上右下左*/} #page a:hover{ colo