<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
.box{height: 700px;width: 400px;background-color: gray;margin:100px auto;
border-radius: 50px;border:20px solid #4F4F4F;text-align: center;
}
.td{width: 30%;border:2px solid black;margin:0 auto;position: relative;top:30px;}
.pm{height: 530px;width: 350px;background-color: white;margin:0 auto;margin-top:50px;border-radius: 3px;
border:5px solid #4F4F4F;padding: 10px;
}
.yd{height: 50px;width: 50px;background-color: white;margin:0 auto;margin-top: 15px;border-radius: 50%;}
</style>
<body>
<div class="box">
<div class="td">
</div>
<div class="pm">
<p>噫吁嚱，危乎高哉！蜀道之难，难于上青天！ <br>
蚕丛及鱼凫，开国何茫然！<br>
尔来四万八千岁，不与秦塞通人烟。<br>
西当太白有鸟道，可以横绝峨眉巅。<br>
地崩山摧壮士死，然后天梯石栈相钩连。<br>
上有六龙回日之高标，下有冲波逆折之回川。<br>
黄鹤之飞尚不得过，猿猱欲度愁攀援。<br>
青泥何盘盘，百步九折萦岩峦。<br>
扪参历井仰胁息，以手抚膺坐长叹。<br>
问君西游何时还？畏途巉岩不可攀。<br>
但见悲鸟号古木，雄飞雌从绕林间。<br>
又闻子规啼夜月，愁空山。<br>
蜀道之难,难于上青天，使人听此凋朱颜！<br>
连峰去天不盈尺，枯松倒挂倚绝壁。<br>
飞湍瀑流争喧豗，砯崖转石万壑雷。<br>
其险也如此，嗟尔远道之人胡为乎来哉！<br>
剑阁峥嵘而崔嵬，一夫当关，万夫莫开。<br>
所守或匪亲，化为狼与豺。<br>
朝避猛虎，夕避长蛇；磨牙吮血，杀人如麻。
锦城虽云乐，不如早还家。<br>
蜀道之难,难于上青天，侧身西望长咨嗟！</p><br>
</div>
<div class="yd">
</div>
</div>
</body>
<script>
</script>
</html>
