新年快乐代码html可复制
时间: 2024-10-18 18:01:25 浏览: 16
新年快乐! 在HTML中,我们可以创建简单的文本祝福信息,并添加一些基本样式使其可复制。下面是一个例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<style>
.greeting {
color: #ff0000; /* 红色字体 */
font-size: 24px;
text-align: center;
}
</style>
</head>
<body>
<div class="greeting">祝你新的一年里<em>万事如意,幸福安康</em>!</div>
<p><strong>复制这段代码:</strong></p>
<pre contenteditable="true" style="background-color: lightgray;"><!DOCTYPE html><br><html lang="zh"><br><head><meta charset="UTF-8"></head><br><body><br><div class="greeting">祝你新的一年里<em>万事如意,幸福安康</em>!</div><br></body><br></html></pre>
</body>
</html>
```
你可以将这段代码复制到HTML文件中,然后打开浏览器查看效果。`<em>`标签用于强调部分文字,`<pre>`标签则保持了预格式化展示源代码的样子。
阅读全文