案例5,手机模型制作

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

猜你喜欢

转载自www.cnblogs.com/cl94/p/10310427.html