📄 detail.html

📁 网上商店使用jsp开发网上商店系统 4.1环境准备为了利用JSP技术,首先需要建立环境。
💻 HTML
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="${detailNews.getString("title")} ${systemConfig.getStringConfigValue("webtitle")}">
<meta name="description" content="${detailNews.getString("title")} ${systemConfig.getStringConfigValue("webtitle")}">
<link href="../css/light.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../css/mall_tbsp.css@t=20080730.css" />
<link rel="stylesheet" type="text/css" href="../css/mall_base.css@t=20080730.css" />
<link  rel="stylesheet" type="text/css" href="../css/mall_common.css@t=20080730.css" />	
<link  rel="stylesheet" type="text/css" href="../css/mall_exhibit.css@t=20080730.css" />
<title>${detailNews.getString("title")} ${systemConfig.getStringConfigValue("webtitle")}</title>
<style type="text/css">
<!--
/*鏂囩珷*/
#articleWrap {
	float: left;
	width: 950px;
	/*height:800px;*/
	border: 1px solid #ccc;
}
#secondaryContent {
	float: left;
	width: 356px;
	border: 1px solid #ccc;
	clear: none;
	margin-left: 20px;
}
#articleWrap h3 {
	font-size: 18px;
	line-height: 45px;
	font-weight: bold;
	text-align: center;
	color: #333;
	margin: 0;
}
#articleWrap #attribute {
	font-size: 12px;
	color: #666;
	text-align: center;
	margin: 5px 0 15px 0;
}
#articleWrap p {
	font-size: 14px;
	text-indent: 28px;
	line-height: 1.75;
}
#articleWrap .content {
	margin-right: 25px;
	margin-left: 25px;
}
/*鍙宠竟*/
#secondaryContent h2 {
	font-size: 16px;
	color: #cc0000;
	margin-top: 13px;
	margin-bottom: 2px;
	margin-left: 16px;
}
#recommandListWrap,#visitHistoryListWrap {
	margin-right: 16px;
	margin-left: 16px;
}
#recommandListWrap #recommandList ,#visitHistoryList{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#recommandListWrap #recommandList li ,#visitHistoryList li{
	float: left;
	width:160px;
	height: 210px;
	border-bottom:1px dashed #a8a8a8;
	margin-top:15px;
}
#recommandListWrap #recommandList .recommandItem li,#visitHistoryList .visitedItem li{
	margin-top:0;
	list-style: none;
	float:none;
	height:auto;
	border:none;
}
#recommandListWrap #recommandList .recommandItem .itemName,.visitedItem .itemName {
	font-weight: bold;
	color: #0052B4;
	height:30px;
	text-overflow:ellipsis;
	text-align: center;
}
#recommandListWrap #recommandList .recommandItem .itemPic, .visitedItem .itemPic {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align:center;
	height:110px;
}
#recommandListWrap #recommandList .recommandItem ,.visitedItem{
	margin: 0px;
	padding: 0px;
	float: none;
}
#secondaryContent .visitHistoryTitle {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	background: #ededed;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
	float: none;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
}
-->
</style>
</head>
<body>
${head}
<div style=" MARGIN: 0px auto; WIDTH: 950px">
<div id="positionNav"><span class="STYLE1">鎮ㄧ殑浣嶇疆</span> &gt; 鏂伴椈涓
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -