DIV CSS 佈局教程網

1.創建畫布300x150，輸入字母a，無外框，字體Tahoma，字號手動輸入150px。
2.文字內填色#3399cc，Inner Glow使用默認設置，將內發光顏色改為#3399cc。

3.回到文字內填色，將顏色改淡，我選的是#D7EBF4。
4.原位克隆字母a(Ctrl+Shift+D)，去掉內發光設置。Modify-->Flatten Selection(Ctrl+Alt+shift+Z)轉字母為位圖。按住Ctrl鍵，點擊位圖所在圖層得到選區。

Select-->Contract Maqueen-->Contract by: 2 pixels，Select-->Feather-->Radius: 8 pixels，選內填色介於#3399cc和#D7EBF4之間的顏色填充，我選的是#7CBEDE。Select-->Select Inverse(Ctrl+shift+I)反選，刪除。Select-->Deselect(Ctrl+D)取消選區。再選中此圖層，向上，向左各移動3像素。

5.原位克隆最下層字母a(Ctrl+Shift+D)，去掉內發光設置並置於最上層。Modify-->Flatten Selection(Ctrl+Alt+shift+Z)轉字母為位圖。按住Ctrl鍵，點擊位圖所在圖層得到選區。內填色#FFFFFF。趁選區仍在圖層上，將其向右，向下各移動1像素，刪除。Select-->Deselect(Ctrl+D)取消選區。再選中此圖層，將其向右，向下各移動1像素。

6.把最上層透明度調成75%，群組三個圖層。Modify-->Flatten Selection(Ctrl+Alt+shift+Z)轉此群組物件為位圖，按住Ctrl鍵，點擊位圖所在圖層得到選區。Select-->Select Inverse(Ctrl+shift+I)反選，刪除。Select-->Deselect(Ctrl+D)取消選區。選中此圖層，Drop Shadow，Distance 4，Color #999999，其馀維持默認設置。大功告成！