请用html帮我写一个好看的对话页面
时间: 2023-04-04 16:02:55 浏览: 57
好的,以下是一个简单的对话页面的HTML代码:
<!DOCTYPE html>
<html>
<head>
<title>对话页面</title>
<style>
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
border-radius: 5px;
}
.message {
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
}
.user {
background-color: #e6f2ff;
float: left;
}
.bot {
background-color: #f2f2f2;
float: right;
}
.clear {
clear: both;
}
</style>
</head>
<body>
<div class="container">
<div class="message user">
<p>你好,C知道,我有一个问题想问你。</p>
</div>
<div class="message bot">
<p>你好,有什么问题需要帮助吗?</p>
</div>
<div class="message user">
<p>我想知道如何学习编程。</p>
</div>
<div class="message bot">
<p>学习编程可以从基础语言开始学起,比如C语言、Python等,可以通过在线课程、书籍等途径学习。</p>
</div>
<div class="clear"></div>
</div>
</body>
</html>
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)