<!DOCTYPE html>
<html>
<head>
<title>ChatGPT Chat Page</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>ChatGPT</h1>
</header>
<main>
<div id="chat-container">
<div id="message-container">
<div class="message partner">
<div class="message-content">
<p>Hello! How can I help you today?</p>
</div>
</div>
<div class="message user">
<div class="message-content">
<p>Hi, I have a question about your product.</p>
</div>
</div>
<!-- Add more messages here -->
</div>
<div id="input-container">
<input type="text" id="user-input" placeholder="Type your message...">
<button id="send-button">Send</button>
</div>
</div>
</main>
<script src="script.js"></script>
</body>
</html>
Css+Html仿ChatGpt聊天页面Demo
需积分: 3 31 浏览量
2023-08-04
08:51:23
上传
评论 3
收藏 323KB ZIP 举报
gpt-chat-demo.zip （4个子文件） 
gpt-chat-demo 
style.css 1KB
WX20230804-084613@2x.png 373KB
chat.html 1KB script.js 647B资源评论
黑夜开发者
- 粉丝: 2w+
- 资源: 12
