PHP는 간단한 책 배경 관리 시스템 새 책 관리 페이지를 개발합니다.

이 섹션에서는 왼쪽 탐색 모음에 "새 도서 관리" 페이지가 생성됩니다.

그림과 같이:

<table> 태그를 사용하고, 레이아웃에는 <tr><td> 도서 ID, 가격, 저장 시간, 카테고리, 총 저장량, 작업 및 기타 실제 내용을 표시합니다.

하단에는 주로 페이지 매김과 메시지 수가 표시됩니다.

<table width="95%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC" class="table" >
	<tr>
		<td height="27" colspan="7" align="left" bgcolor="#FFFFFF" class="bg_tr">&nbsp;后台管理&nbsp;>>&nbsp;新书管理</td>
	</tr>
	<tr>
		<td width="6%" height="35" align="center" bgcolor="#FFFFFF">ID</td>
		<td width="25%" align="center" bgcolor="#FFFFFF">书名</td>
		<td width="11%" align="center" bgcolor="#FFFFFF">价格</td>
		<td width="16%" align="center" bgcolor="#FFFFFF">入库时间</td>
		<td width="11%" align="center" bgcolor="#FFFFFF">类别</td>
		<td width="11%" align="center" bgcolor="#FFFFFF">入库总量</td>
		<td width="20%" align="center" bgcolor="#FFFFFF">操作</td>
	</tr>
	<tr align="center">
		<td class="td_bg" width="6%"><?php echo $rows["id"]?></td>
		<td class="td_bg" width="25%" height="26"></td>
		<td class="td_bg" width="11%" height="26"></td>
		<td class="td_bg" width="16%" height="26"></td>
		<td width="11%" height="26" class="td_bg"></td>
		<td width="11%" height="26" class="td_bg"></td>
		<td class="td_bg" width="20%">
			<a href="#" class="trlink">修改</a>&nbsp;&nbsp;<a href="#" class="trlink">删除</a></td>
	</tr>
	<tr>
		<th height="25" colspan="7" align="center" class="bg_tr">
			首页 | 上一页 | 下一页 | 末页
			&nbsp;页次：/页&nbsp;共有?条信息
		</th>
	</tr>
</table>

CSS 스타일만 지정하면 완료됩니다.

지속적인 학습

새로운 파일

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>PHP图书管理系统</title> <style> .table{ border: 1px solid #CAF2FF;/*边框颜色*/ margin-top: 5px; margin-bottom: 5px; background:#a8c7ce; } .td_bgf { background:#d3eaef; color:#000000; } .td_bg { background:#ffffff; color:#344b50; } .bg_tr { font-family: "微软雅黑,Verdana, 新宋体"; color:#e1e2e3;/*标题字体色*/ font-size:12px; font-weight:bolder; background:#353c44;/*标题背景色*/ line-height: 22px; }td { color:#1E5494; font-size:12px; line-height: 18px; } </style> </head> <body> <table width="" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC" class="table" > <tr> <td height="27" colspan="7" align="left" bgcolor="#FFFFFF" class="bg_tr"> 后台管理 >> 新书管理</td> </tr> <tr> <td width="6%" height="35" align="center" bgcolor="#FFFFFF">ID</td> <td width="25%" align="center" bgcolor="#FFFFFF">书名</td> <td width="11%" align="center" bgcolor="#FFFFFF">价格</td> <td width="16%" align="center" bgcolor="#FFFFFF">入库时间</td> <td width="11%" align="center" bgcolor="#FFFFFF">类别</td> <td width="11%" align="center" bgcolor="#FFFFFF">入库总量</td> <td width="20%" align="center" bgcolor="#FFFFFF">操作</td> </tr> <tr align="center"> <td class="td_bg" width="6%"></td> <td class="td_bg" width="25%" height="26"></td> <td class="td_bg" width="11%" height="26"></td> <td class="td_bg" width="16%" height="26"></td> <td width="11%" height="26" class="td_bg"></td> <td width="11%" height="26" class="td_bg"></td> <td class="td_bg" width="20%"> <a href="#" class="trlink">修改</a> <a href="#" class="trlink">删除</a></td> </tr> <tr> <th height="25" colspan="7" align="center" class="bg_tr"> 首页 | 上一页 | 下一页 | 末页页次：/页共有?条信息 </th> </tr> </table> </body> </html>

제출하다 코드 재설정

자동운전