龙空技术网

老雷PHP课堂之留言板页面设计

会玩AI 49

前言:

今天大家对“留言板html模板下载”可能比较看重,各位老铁们都想要分析一些“留言板html模板下载”的相关内容。那么小编也在网上收集了一些对于“留言板html模板下载””的相关知识,希望我们能喜欢,你们快快来学习一下吧!

跟着老雷学PHP,24小时学会留言板开发。

本节课我们来设计一下留言板的页面,页面分为首页,发布页,回复页,提示页等5个页面。相对来说比较简单。

更换封面

15:55 视频尚未发布,暂时无法播放

<!DOCTYPE html><html>	<head>		<meta charset="utf-8">		<title>留言板</title>		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1" />		<link href="css/app.css" rel="stylesheet" />		<style>			.list{				width: 98%;				margin: 0 auto;			}			.item{				padding: 10px;				margin-bottom: 10px;				border: 1px solid #eee;				border-radius: 10px;			}			.item-title{				margin-bottom: 5px;			}			.item-other{				display: flex;				flex-direction: row;				margin-bottom: 5px;				color: #969696;				font-size: 14px; 			}			.item-desc{				color: #646464;				font-size: 14px;			}			.item-reply{				margin: 10px;				border: 1px solid #eee;				padding: 10px;			}			fieldset{				border-radius: 5px;			}			legend{				color: #969696;				font-size: 12px;			}		</style>	</head>	<body>		<div class="main">			<div class="nav">				<a class="active" href="index.html">留言首页</a>				<a href="add.html">我要留言</a>			</div>			<div class="list">				<div class="item">					<div class="item-title">						这是留言标题,请问留言板怎么开发呢					</div>					<div class="item-other">						<div class="mgr-10">老雷</div>						<div>15985840591</div>						<div class="flex-1"></div>						<div class="f12 mgr-5">09.03 10:50</div> 					</div>					<div class="item-desc cl2">						 请问留言板怎么开发呢,学会开发留言板要多久呢					</div>					 					<fieldset class="item-reply">						<legend>回复</legend> 						<div class="item-desc cl2">							 跟着老雷学习,快速学会开发留言板。<br/>							 微信/电话:15985840591.						</div>					</fieldset>				 				</div>				<div class="item">					<div class="item-title">						这是留言标题,请问留言板怎么开发呢					</div>					<div class="item-other">						<div class="mgr-10">老雷</div>						<div>15985840591</div>						<div class="f12 mgr-5">09.03 10:50</div>						<a href="reply.html" class="f12 cl1">我要回复</a>					</div>					<div class="item-desc cl2">						 请问留言板怎么开发呢,学会开发留言板要多久呢					</div>					 				</div>				<div class="item">					<div class="item-title">						这是留言标题,请问留言板怎么开发呢					</div>					<div class="item-other">						<div class="mgr-10">老雷</div>						<div>15985840591</div>						<div>2019.09.03 10:50</div>					</div>					<div class="item-desc cl2">						 请问留言板怎么开发呢,学会开发留言板要多久呢					</div>					<fieldset class="item-reply">						<legend>回复</legend> 						<div class="item-desc cl2">							 跟着老雷学习,快速学会开发留言板。<br/>							 微信/电话:15985840591.						</div>					</fieldset>				</div>				<div class="item">					<div class="item-title">						这是留言标题,请问留言板怎么开发呢					</div>					<div class="item-other">						<div class="mgr-10">老雷</div>						<div>15985840591</div>						<div class="f12 mgr-5">09.03 10:50</div>						<a href="reply.html" class="f12 cl1">我要回复</a>					</div>					<div class="item-desc cl2">						 请问留言板怎么开发呢,学会开发留言板要多久呢					</div>					 				</div>				<div class="item">					<div class="item-title">						这是留言标题,请问留言板怎么开发呢					</div>					<div class="item-other">						<div class="mgr-10">老雷</div>						<div>15985840591</div>						<div>09.03 10:50</div>					</div>					<div class="item-desc cl2">						 请问留言板怎么开发呢,学会开发留言板要多久呢					</div>					<fieldset class="item-reply">						<legend>回复</legend> 						<div class="item-desc cl2">							 跟着老雷学习,快速学会开发留言板。<br/>							 微信/电话:15985840591.						</div>					</fieldset>				</div>			</div>		</div>		</body></html>

标签: #留言板html模板下载 #php留言板简单 #怎么用html做一个留言板 #php留言簿功能实现什么功能 #html网页留言板代码htmlcss