16. 版型圖不切割的運用

為了版型設計及維護更新更容易,版型圖可以不切割。

 

版型圖:

 


HTML原始碼(第一階段版型):

 

CSS原始碼(第一階段版型):

 

結果(第一階段版型):

 


HTML原始碼(第二階段導覽列第一個按鈕):

 

CSS原始碼(第二階段導覽列第一個按鈕):

結果(第二階段導覽列第一個按鈕):

 


CSS原始碼(第三階段導覽列全部):

 

結果(第三階段導覽列全部):

 


解決瀏覽器連結區虛線問題:

 

參閱範例結果