標籤：html 部落格 pre 教程 設定 margin image 效果 ges
鎮場詩：
清心感悟智慧語，不著世間名與利。學水處下納百川，舍盡貢高我慢意。
學有小成返哺根，願鑄一良心部落格。誠心於此寫經驗，願見文者得啟發。
——————————————————————————————————————————
code:
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> body{ /*預設上下左右與網頁距離8像素*/ border:1px solid #b6ff00; } div{ border:1px solid red; margin:20px 40px 100px;/*就是與其他控制項的距離*/ /* 上 右 下 左（有自動返回的效果） */ width:300px; } </style></head><body> <div class="box1">1欲做精金美玉的人品，定從烈火中煆來；思立掀天揭地的事功，須向薄冰上履過。2一念錯，便覺百行皆非，防之當如渡海浮囊，勿容一針之罅漏；萬善全，始得一生無愧。修之當如淩雲寶樹，須假眾木以撐持。3忙處事為，常向閑中先檢點，過舉自稀。動時念想，預從靜裡密操持，非心自息。4為善而欲自高勝人，施恩而欲要名結好，修業而欲驚世駭俗，植節而欲標異見奇，此皆是善念中戈矛，理路上荊棘，最易夾帶，最難拔除者也。須是滌盡渣滓，斬絕萌芽，才見本來真體。5能輕富貴，不能輕一輕富貴之心；能重名義，又複重一重名義之念。是事境之塵氛未掃，而心境之芥蒂未忘。此處拔除不淨，恐石去而草複生矣。6紛擾固溺志之場，而枯寂亦槁心之地。故學者當棲心元默，以寧吾真體。亦當適志恬愉，以養吾圓機。7昨日之非不可留，留之則根燼複萌，而塵情終累乎理趣；今日之是不可執，執之則渣滓未化，而理趣反轉為欲根。8無事便思有閑雜念想否。有事便思有粗浮意氣否。得意便思有驕矜辭色否。失意便思有怨望情懷否。時時檢點，到得從多入少、從有入無處，才是學問的真訊息。9士人有百折不回之真心，才有萬變不窮之妙用。10立業建功，事事要從實地著腳，若少慕聲聞，便成偽果；講道修德，念念要從虛處立基，若稍計功效，便落塵情。 </div> <div class="box2">1欲做精金美玉的人品，定從烈火中煆來；思立掀天揭地的事功，須向薄冰上履過。2一念錯，便覺百行皆非，防之當如渡海浮囊，勿容一針之罅漏；萬善全，始得一生無愧。修之當如淩雲寶樹，須假眾木以撐持。3忙處事為，常向閑中先檢點，過舉自稀。動時念想，預從靜裡密操持，非心自息。4為善而欲自高勝人，施恩而欲要名結好，修業而欲驚世駭俗，植節而欲標異見奇，此皆是善念中戈矛，理路上荊棘，最易夾帶，最難拔除者也。須是滌盡渣滓，斬絕萌芽，才見本來真體。5能輕富貴，不能輕一輕富貴之心；能重名義，又複重一重名義之念。是事境之塵氛未掃，而心境之芥蒂未忘。此處拔除不淨，恐石去而草複生矣。6紛擾固溺志之場，而枯寂亦槁心之地。故學者當棲心元默，以寧吾真體。亦當適志恬愉，以養吾圓機。7昨日之非不可留，留之則根燼複萌，而塵情終累乎理趣；今日之是不可執，執之則渣滓未化，而理趣反轉為欲根。8無事便思有閑雜念想否。有事便思有粗浮意氣否。得意便思有驕矜辭色否。失意便思有怨望情懷否。時時檢點，到得從多入少、從有入無處，才是學問的真訊息。9士人有百折不回之真心，才有萬變不窮之妙用。10立業建功，事事要從實地著腳，若少慕聲聞，便成偽果；講道修德，念念要從虛處立基，若稍計功效，便落塵情。 </div> <div class="box3">1欲做精金美玉的人品，定從烈火中煆來；思立掀天揭地的事功，須向薄冰上履過。2一念錯，便覺百行皆非，防之當如渡海浮囊，勿容一針之罅漏；萬善全，始得一生無愧。修之當如淩雲寶樹，須假眾木以撐持。3忙處事為，常向閑中先檢點，過舉自稀。動時念想，預從靜裡密操持，非心自息。4為善而欲自高勝人，施恩而欲要名結好，修業而欲驚世駭俗，植節而欲標異見奇，此皆是善念中戈矛，理路上荊棘，最易夾帶，最難拔除者也。須是滌盡渣滓，斬絕萌芽，才見本來真體。5能輕富貴，不能輕一輕富貴之心；能重名義，又複重一重名義之念。是事境之塵氛未掃，而心境之芥蒂未忘。此處拔除不淨，恐石去而草複生矣。6紛擾固溺志之場，而枯寂亦槁心之地。故學者當棲心元默，以寧吾真體。亦當適志恬愉，以養吾圓機。7昨日之非不可留，留之則根燼複萌，而塵情終累乎理趣；今日之是不可執，執之則渣滓未化，而理趣反轉為欲根。8無事便思有閑雜念想否。有事便思有粗浮意氣否。得意便思有驕矜辭色否。失意便思有怨望情懷否。時時檢點，到得從多入少、從有入無處，才是學問的真訊息。9士人有百折不回之真心，才有萬變不窮之妙用。10立業建功，事事要從實地著腳，若少慕聲聞，便成偽果；講道修德，念念要從虛處立基，若稍計功效，便落塵情。 </div></body></html>
result:
——————————————————————————————————————————
博文的精髓，在技術部分，更在鎮場一詩。編輯器 VS2015,瀏覽器 Firefox。
html+css+js，強，值得努力學習。我跟著傳智播客的視頻教程學習。
我是一個新手，所以如果博文的內容有可以改進的地方，甚至有錯誤的地方，請留下評論，我一定努力改正，爭取成就一個良心部落格。
註：此文僅作為科研學習，如果我無意中侵犯了您的權益，請務必及時告知，我會做出改正。
css基礎 設定div塊的上下左右外填充距離margin(縮寫形式)
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
