DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS特效代碼 >> CSS縮進和字間距設置
CSS縮進和字間距設置
編輯:CSS特效代碼     
CSS縮進:

text-indent:2em;

代碼意思就是縮進2個字。可以可換成px單位來使用。text-indent:10px;完整一點的寫法如下,也可用在<a><p>標簽裡面,熟能生巧:
<div style="width:300px; text-indent:2em;">CSS學習,Javasrcipt學習及經驗分享,hovertree.com
</div>

效果如下:
CSS學習,Javasrcipt學習及經驗分享,hovertree.com


CSS字間距:

letter-spacing字與字間距,例子:

<div style="width:300px; letter-spacing:8px">CSS學習,Javasrcipt學習及經驗分享,hovertree.com
</div>



效果如下:
CSS學習,Javasrcipt學習及經驗分享,hovertree.com


即對對應div設置CSS字間距樣式為letter-spacing:8px;,字間距為8px

以上即是介紹常用於css來設置字間距、字符間距、字體間距、段落開頭縮進,分別使用了letter-spacing(間距設置)、text-indent(縮進)兩個css屬性。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved