1. 程式人生 > >網頁對聯效果簡單實現

網頁對聯效果簡單實現

padding 信息 -i 簡單實現 line height idt pan position

記一下網頁對聯的實現,方便下次找。

主要通過三個屬性實現right: 20px;top:180px;position:fixed;

<div id="tjzs" style="width:160px; padding-bottom:20px;z-index:100;right: 20px;top:180px;position:fixed;">
        <div id="tjzs_title" style="width:160px;height:25px;line-height:25px;background-color :#6C7C8D;text-align:center;font-size:14px; color:white;"
>提交助手</div> <div id="tjzs_tip" style="width:130px;height:27px;line-height:27px;font-size:12px; padding-left:30px; background-color:#F5F7FA;">當前項提示</div> <div id="tjzs_content" style="width:150px;font-size:12px; padding: 10px 5px; background-color:#E0E6EE; color:#767676;"
>請仔細填寫各項信息<br/>確認無誤後提交<br /></div> <div id="tjzs_buttom" style="width:130px;height:27px;font-size:12px; padding-left:30px; background-color:#F5F7FA;"></div> </div>

網頁對聯效果簡單實現