用网页内嵌写古诗文本颜色
时间: 2024-09-11 15:07:05 浏览: 41
unity内嵌网页插件.rar
在网页中内嵌古诗文本并改变其颜色,可以通过HTML和CSS来实现。以下是一个简单的示例:
HTML部分,用于定义古诗的文本内容:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>古诗文显示</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="poem-container">
<p class="poem-text">
静夜思<br>
李白<br>
床前明月光,<br>
疑是地上霜。<br>
举头望明月,<br>
低头思故乡。
</p>
</div>
</body>
</html>
```
CSS部分,用于设置古诗文本的颜色:
```css
/* styles.css */
.poem-container {
width: 300px;
margin: 0 auto;
text-align: center;
}
.poem-text {
color: #8B0000; /* 设置文本颜色为深红色 */
font-family: '宋体', sans-serif;
font-size: 16px;
line-height: 1.5;
}
```
在上面的例子中,`.poem-container` 是一个包含古诗文本的容器,`.poem-text` 是古诗文本的CSS类。通过 `.poem-text` 类的 `color` 属性,我们设置文本的颜色为深红色。
阅读全文