前端開發中，顯示隱藏是常見的效果之一，可以通過CSS代碼實現。下面就是一些CSS代碼來實現顯示/隱藏效果。 首先，讓我們看一下CSS中用于顯示/隱藏元素的屬性和值： display屬性和值： 用于控制元素是否顯示 display: none; // 隱藏元素 display: block; // 塊級元素 display: inline; // 行內元素 display: inline-block; // 行內塊級元素 visibility屬性和值： 用于控制元素是否可見 visibility: hidden; // 元素不可見，但仍占據頁面空間 visibility: visible; // 元素可見 接下來，我們來看一個例子，通過點擊按鈕來實現元素的顯示和隱藏。 這里我們使用pre標簽來展示代碼，讓代碼更加清晰：

以下是HTML代碼：

<button id="myButton">點擊這里來顯示/隱藏元素</button> 
<div id="myElement">這是我們要顯示隱藏的元素。</div> 
<!-- 使用CSS來隱藏myElement元素 --> 
<style> 
#myElement { 
display: none; 
} 
</style>

以下是JavaScript代碼：

// 獲取按鈕和要操作的元素 
var myButton = document.getElementById("myButton"); 
var myElement = document.getElementById("myElement"); 
// 給按鈕添加事件，當點擊時隱藏/顯示元素 
myButton.onclick = function() { 
if (myElement.style.display === "none") { 
myElement.style.display = "block"; 
} else { 
myElement.style.display = "none"; 
} 
};

這是通過JavaScript代碼實現的顯示/隱藏元素的效果，當然這也可以通過其他框架庫比如Vue等實現，但本質上都是通過CSS代碼來控制元素的顯示/隱藏。