Image synthesis operation:

<div>
<h3 id="qita">其他人物簡介</h3>
    山治，日本漫畫《航海王》及衍生作品中的角色。草帽一伙廚師，金發(fā)，有著卷曲眉毛，永遠(yuǎn)遮住半邊臉的家伙，香煙不離口，最愛女人，很花心但很有風(fēng)度，海賊中的紳士。小時(shí)候在紅腳哲普那兒學(xué)習(xí)廚藝。踢技以快準(zhǔn)狠被海軍稱之為“黑足”，但從不愿意傷害任何的女性，哪怕是敵人。在經(jīng)過司法島一戰(zhàn)后也成了懸賞對象，首次懸賞就有7700萬貝里（但通緝令是畫上去的）。夢想是找到傳說之海All Blue而跟隨路飛一同進(jìn)入了偉大航路。是文斯莫克家族的第三子。
    烏索普小時(shí)候是出名的吹牛大王，和村里的幾個(gè)孩子組成“烏索普海賊團(tuán)”，自稱烏索普船長。發(fā)現(xiàn)克洛船長的陰謀后，立志要保護(hù)村里的人，和蒙奇·D·路飛并肩作戰(zhàn)。夢想是要成為勇敢的海上戰(zhàn)士。
    喬巴是草帽海賊團(tuán)的第五位伙伴，職位是船醫(yī)。原為磁鼓島庫蕾哈醫(yī)生最寵愛的馴鹿兼醫(yī)療助手[1]  。喬巴的恩人是“庸醫(yī)”希魯魯克，他身為野生馴鹿時(shí)本來沒有名字，“喬巴”也是由希魯魯克給他命名的，意思是他有一對連樹木都可以輕松砍倒的角。
<p class="text5"></p>
<div id="background">
<img id="classmate1" src="14.jpg">
<img id="classmate2" src="9.jpg">
<img id="classmate3" src="10.jpg">
</div>
</div>

css style:

<style>
    body{
        margin: 0;
        margin-bottom: 80px;
        background-color:lightblue;
    }
    #banner{
        height: 700px;
        background-image: url(2.jpg);
        font-size: 50px;
        line-height: 700px;
        text-align: center;
        margin-top: 80px;
    }
    #container{
        width: 1000px;
        margin: 0 auto;
    }
    .text1{
        text-indent: 2em;
        color:gray;
    }
    .text2{
        text-indent: 2em;
        color: red;
    }
    .text3{
        text-indent: 2em;
        color: green;
    }
    .text4{
        text-indent: 2em;
        color: violet;
    }
     .text5{
          text-indent: 2em;
          color: white;
    }
    .pic{
        width: 100%;
    }
    #background{
        height: 600px;
        background-image: url(13.jpg);
        background-size: 100% 100%;
        position: relative;
        z-index: -1;
    }
    #classmate1{
        width: 200px;
        height: 250px;
        left: 240px;
        top: 150px;
        position: absolute;
        border-radius: 50%;
        border: solid 4px white;
    }
    #classmate2{
        width: 150px;
        /*height: 200px;*/
        right: 150px;
        top: 100px;
        position: absolute;
        border-radius: 50%;
        border: solid 4px white;
    }
    #classmate3{
        width: 200px;
        height: 200px;
        left: 490px;
        bottom: 50px;
        position: absolute;
        border-radius: 50%;
        border: solid 4px white;
    }
    .text1:first-letter{
        font-size: 40px;
    }
    .text2:first-letter{
        font-size: 40px;
    }
    .text3:first-letter{
        font-size: 40px;
    }
    .text4:first-letter{
        font-size: 40px;
    }
    .text5:first-letter{
        font-size: 40px;
    }
    #nav{
        width: 100%;
        background-color: skyblue;
        height: 80px;
        left: 0;
        top: 0;
        position: fixed;
        z-index: 2;
        /*text-align: center;*/
    }
    #inner-nav{
        width: 1000px;
        margin: 0 auto;
        text-decoration: none;
        text-align: right;
        height: 80px;
        line-height: 80px;
    }
    #inner-nav a{
        margin: 0 20px;
        text-decoration: none;
        color: blue;
        font-size: 24px;
        display: inline-block;
        height: 80px;
    }
    #inner-nav a:hover{
    background-color: white;
}
    h3{
        font-family: 微軟雅黑;
        color: blue;
    }
</style>

Running result display: