CSS 註解寫法範例一、單行註解
<style type="text/css">
<!--
#test_div{
border:1px black solid; // 這是單行註解
//這是單行註解 border:1px red solid;
}
-->
</style>
<div id="test_div">測試單行註解</div>
輸出的結果<!--
#test_div{
border:1px black solid; // 這是單行註解
//這是單行註解 border:1px red solid;
}
-->
</style>
<div id="test_div">測試單行註解</div>
測試單行註解
範例一中共有兩個 border 屬性，第一個「border:1px black solid; // 這是單行註解」表示要讓 DIV 有一個黑色的實線邊框，雙斜線（//）是單行註解，中文字串並不會輸出到螢幕上。第二個寫法「//這是單行註解 border:1px red solid;」這樣，把雙實線（//）寫在前面，則整段 CSS 語法都不會執行，換句話說，CSS 的單行註解是從雙斜線（//）後方整行都會被註解掉。提示：CSS 的邊框設計語法請參閱：CSS border 邊框設計。
CSS 註解寫法範例二、多行註解
<style type="text/css">
<!--
#test_div{
/*
border:1px black solid; // 這是單行註解
*/
border:1px red solid;
}
-->
</style>
<div id="test_div">測試多行註解</div>
輸出的結果<!--
#test_div{
/*
border:1px black solid; // 這是單行註解
*/
border:1px red solid;
}
-->
</style>
<div id="test_div">測試多行註解</div>
測試多行註解
範例二中，我們嘗試用多行註解，把原本黑色邊框的語法註解掉，從開頭的註解符號（/*）開始一直到註解符號結束（*/）之間的所有 CSS 語法都不會執行，所以 DIV 邊框顏色就變成紅色的囉！CSS 註解對於後續程式維護有很大的幫助，建議善加利用。
寫注解碰到問題？這裡有解答