html+css標題製作

初學前端,做一個標題,要求圖片在前,然後是標題文字。

主要是將圖片和文字的div設置成inline,即行內元素,這樣就能在一行顯示。

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style></style>   
        <style> 
            a img{border:none;width: 100px;height: 50px;} 
            .picDiv{ float:left; display:inline; margin-top:0; margin-left:5px; }
            .txtDiv{ float:left; display:inline; margin-top:0; margin-left:5px; padding-top: 0px;font-size: 24px;} 
        </style>
    </head>
    <body>
        <div class="div">  
            <div class="picDiv">
               <a href="#">
                 <img src="biaoti.gif" alt="圖片" >
               </a>
            </div>  
            <div class="txtDiv">
               <span>XXXXXXX平臺</span>
            </div> 
       </div>
    </body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章