在網頁開發中，我們常常需要使用CSS來美化網頁樣式。而在CSS3中，有一些很有用的功能，可以幫助我們隱藏代碼。

/*隱藏元素*/
.visibility-hidden {
visibility: hidden;
}
/*完全隱藏元素*/
.display-none {
display: none;
}
/*隱藏文字*/
.text-hidden {
font-size: 0;
line-height: 0;
color: transparent;
}
/*隱藏滾動條*/
::-webkit-scrollbar {
display: none;
}

以上代碼中，我們定義了幾個不同的屬性，可以用來隱藏元素、文字或滾動條。其中，visibility: hidden;和display: none;是最常用的隱藏元素的方法。而font-size: 0;、line-height: 0;以及color: transparent;則可以隱藏文字。最后，::-webkit-scrollbar是用來隱藏瀏覽器滾動條的。

另外，我們也可以使用JavaScript來實現代碼隱藏的效果。下面是一個例子：

function toggleCode() {
var code = document.getElementById("code");
if (code.style.display === "none") {
code.style.display = "block";
} else {
code.style.display = "none";
}
}

這段代碼中，我們定義了一個toggleCode()函數，用來切換代碼的顯示和隱藏。當點擊某個按鈕時，這個函數就會被調用，來改變代碼的顯示狀態。在HTML中，我們可以使用以下代碼來調用這個函數：

Toggle Code

使用以上方法，我們可以輕松地將一些敏感信息隱藏起來，避免被不法分子獲取。在開發過程中，代碼隱藏也可以讓我們更好地組織和管理代碼，提高代碼可讀性和可維護性。