用户提问: ai写前端
Ai回答: 当然可以！如果你需要一个简单的前端代码示例，比如一个包含HTML、CSS和JavaScript的页面，我可以为你提供。以下是一个示例：
HTML (index.html)
html
<!DOCTYPE html>
<html lang=zh-CN>
<head>
<meta charset=UTF-8>
<meta name=viewport content=width=device-width, initial-scale=1.0>
<title>简单前端页面</title>
<link rel=stylesheet href=styles.css>
</head>
<body>
<div class=container>
<h1>欢迎来到我的网站</h1>
<p id=greeting>你好，世界！</p>
<button onclick=changeGreeting()>点击我</button>
</div>
<script src=script.js></script>
</body>
</html>
CSS (styles.css)
css
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
text-align: center;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
color: #333;
}
p {
color: #555;
}
button {
padding: 10px 20px;
background-color: #28a745;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #218838;
}
JavaScript (script.js)
javascript
function changeGreeting() {
const greetingElement = document.getElementById('greeting');
greetingElement.textContent = 'Hello, World!';
}
这个示例包括：
1、一个简单的HTML页面。
2、一些基本的CSS样式来美化页面。
3、一个JavaScript函数，当用户点击按钮时改变页面上的文本。
你可以将这些文件保存到同一个目录下，并在浏览器中打开`index.html`文件查看效果。如果你有更具体的需求或想实现更复杂的功能，请告诉我！
0
IP地址: 26.168.2.13
搜索次数: 0
提问时间: 2025-04-18 01:50:48
热门提问：
ai该如何学习
ai画图的原理
阿里绘图ai
ai绘画好用的
中信建投北京50ETF联接C
