標籤：ati cti fan 簡單 bsp pre image alt ted
鎮場詩：
清心感悟智慧語，不著世間名與利。學水處下納百川，舍盡貢高我慢意。
學有小成返哺根，願鑄一良心部落格。誠心於此寫經驗，願見文者得啟發。
——————————————————————————————————————————
code:
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> /*全域設定*/ body,ul,li,a,img{ margin:0px; padding:0px; } ul,li{ list-style:none; } a:link,a:visited{ color:blue; text-decoration:none; } a:hover{ color:red; } body{ font-size:12px; font-family:FangSong; background-color:#808080; } /*老師介紹模組*/ .teacherIntroduction{ width:420px; margin:10px auto; background-color:white; padding-top:9px; padding-left:7px; padding-bottom:5px; }/*這些數位設定，真的需要反覆的考慮，就是尋找美，在1px中！*/ .teacherIntroduction img{ width:196px; height:140px; padding:5px; border:none;/*去除邊框，在Firefox下沒有邊框，但是在IE下卻有邊框*/ } .teacherIntroduction li{ float:left; text-align:center; } .clear{ clear:both; } </style></head><body> <div class="teacherIntroduction"> <ul> <li><a href="#"><img src="images/wenshu.jpg"/></a><br/> <a href="#">文殊菩薩</a> </li><!--li塊元素，單獨佔一行--> <li><a href="#"><img src="images/puxian.jpg"/></a><br/> <a href="#">普賢菩薩</a> </li> <li><a href="#"><img src="images/guanyin.jpg"/></a><br/> <a href="#">觀世音菩薩</a> </li> <li><a href="#"><img src="images/mile.jpg"/></a><br/> <a href="#">彌勒菩薩</a> </li> </ul> <!--ul,li是一個整體，要在ul的後面加cleardiv--> <div class="clear"></div> </div></body></html>
result:
——————————————————————————————————————————
博文的精髓，在技術部分，更在鎮場一詩。編輯器 VS2015,瀏覽器 Firefox。
html+css+js，強，值得努力學習。我跟著傳智播客的視頻教程學習。
我是一個新手，所以如果博文的內容有可以改進的地方，甚至有錯誤的地方，請留下評論，我一定努力改正，爭取成就一個良心部落格。
註：此文僅作為科研學習，如果我無意中侵犯了您的權益，請務必及時告知，我會做出改正。
css基礎 使用div塊清除無序列表ul,li中的左右浮動的簡單樣本 clear:both
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
