将p中的文字改为每一行纵向排列!DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=author content=Xue Huanqun titleTitletitle style type=textcss p font-familykai ti; fo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="Xue Huanqun">
<title>Title</title>
<style type="text/css">
p{
font-family:"kai ti";
font-size: 45px;
font-weight: bold;
color: #0033CC;
text-align: center;
<pre><code> display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
h1{
font-family: "kai ti";
font-size: 20px;
border: solid 3px #0033CC;
text-align: center;
/*width: 300px; !* 设置宽度为300像素 *!*/
height: 100px; /* 设置高度为100像素 */
}
h2{
font-family: "kai ti";
font-size: 20px;
border: solid 3px #0033CC;
height: 50px; /* 设置高度为100像素 */
text-decoration: underline;
}
body{
background-image: url('images/background.png');
background-size: cover;
background-repeat: no-repeat;
}
</style>
</code></pre>
</head>
<body>
<h1>诗文欣赏</h1>
<p>
长<span>恨</span>歌<span>·</span>白<span>居</span>易<br>
汉<span>皇</span>重<span>色</span>思<span>倾</span>国<br>御<span>宇</span>多<span>年</span>求<span>不</span>得<br>杨<span>家</span>有<span>女</span>初<span>长</span>成<br>养<span>在</span>深<span>闺</span>人<span>未</span>识<br>
天<span>生</span>丽<span>质</span>难<span>自</span>弃<br>一<span>朝</span>选<span>在</span>君<span>王</span>侧<br>回<span>眸</span>一<span>笑</span>百<span>媚</span>生<br>六<span>宫</span>粉<span>黛</span>无<span>颜</span>色<br>
</p>
<h2>中华盛世的唐代与白居易的《长恨歌》</h2>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/d6IM 著作权归作者所有。请勿转载和采集!