web前段语言写王维的少年行,第一行居中写标题,第二行居中写名字,第三行是一条红色横线,往下居中写诗,一行一句
时间: 2023-04-09 14:04:53 浏览: 169
以下是 ChatGPT 的回答:
可以使用 HTML 和 CSS 来实现这个效果。具体代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>王维的《少年行》</title>
<style>
body {
font-family: "Microsoft YaHei", sans-serif;
text-align: center;
}
h1 {
font-size: 24px;
font-weight: bold;
margin-top: 50px;
}
h2 {
font-size: 18px;
margin-top: 10px;
}
hr {
border: none;
border-top: 2px solid red;
width: 80%;
margin-top: 20px;
}
p {
font-size: 16px;
margin-top: 20px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>少年行</h1>
<h2>王维</h2>
<hr>
<p>长风破浪会有时,<br>直挂云帆济沧海。<br>赤条条地来去无牵挂,<br>漫天黄沙百战余。</p>
</body>
</html>
```
这段代码可以实现将王维的《少年行》以居中的形式展示在网页上,第一行为标题,第二行为名字,第三行为红色横线,往下为诗的内容,每句诗占一行。
阅读全文