1. 程式人生 > >案例5,手機模型制作

案例5,手機模型制作

border mar padding tex html col text img back

技術分享圖片

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

案例5,手機模型制作