html基础之诗词纵向排列

来源：互联网发布：淘宝刷客违法吗编辑：程序博客网时间：2024/05/16 09:52

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>诗词</title>
<style>
.content{
background-image: url("http://s15.sinaimg.cn/mw690/003ieNgKzy6UtU5Kn26fe&690");
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
width: 100%;
font-family: "华文行楷";
font-size:22px;
height: 100%;
}
.shici{
padding-top: 15px;
writing-mode: tb-rl;
color:#FF00CC;
border: 1px solid #FFF;
width: 100%;
overflow:scroll;
overflow-y:hidden;
padding-bottom: 15px;
}
.shici p{
padding: 0;
margin: 0;
letter-spacing:1px;/*设置文字之间的间隔。*/
/*line-height:1px; */ /*文字行间距无效*/
}
::-webkit-scrollbar
{
width: 16px;
height: 16px;
background-color: #FFFFFF;
}
</style>
</head>
<body>
<div class="content">
<div class="shici">
 
相信未来    — 海子

　　当蜘蛛网无情地查封了我的炉台 
　　当灰烬的余烟叹息着贫困的悲哀
　　我依然固执地铺平失望的灰烬
　　用美丽的雪花写下：相信未来
　　
　　当我的紫葡萄化为深秋的露水
　　当我的鲜花依偎在别人的情怀
　　我依然固执地用凝霜的枯藤
　　在凄凉的大地上写下：相信未来
　　
　　我要用手指那涌向天边的排浪
　　我要用手掌那托住太阳的大海
　　摇曳着曙光那枝温暖漂亮的笔杆
　　用孩子的笔体写下：相信未来
　　
　　我之所以坚定地相信未来
　　是我相信未来人们的眼睛
　　她有拨开历史风尘的睫毛
　　她有看透岁月篇章的瞳孔
　　
　　不管人们对于我们腐烂的皮肉
　　那些迷途的惆怅、失败的苦痛
　　是寄予感动的热泪、深切的同情
　　还是给以轻蔑的微笑、辛辣的嘲讽
　　
　　我坚信人们对于我们的脊骨
　　那无数次的探索、迷途、失败和成功
　　一定会给予热情、客观、公正的评定
　　是的，我焦急地等待着他们的评定
　　
　　朋友，坚定地相信未来吧
　　相信不屈不挠的努力
　　相信战胜死亡的年轻
　　相信未来、热爱生命
 
 
</div>
</div>
</body>
</html>

0 0