<!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>