HTML是網(wǎng)頁(yè)開發(fā)中的基礎(chǔ)語(yǔ)言，而CSS則是為HTML提供樣式的一種語(yǔ)言。在網(wǎng)頁(yè)中，我們經(jīng)常需要用到代碼塊，比如展示代碼示例、表格等等。這時(shí)就需要用到HTML中的pre標(biāo)簽，它可以讓我們的代碼保持原格式，以方便展示。

<pre>
這是一段代碼
console.log('hello world');
</pre>

然而，展示純代碼并不夠美觀，所以我們需要使用CSS來(lái)為代碼塊添加樣式。比如我們可以為代碼塊添加邊框、背景色等等。以下是一個(gè)簡(jiǎn)單的示例：

<style>
pre {
background-color: #f5f5f5;
border: 1px solid #ddd;
border-radius: 5px;
padding: 10px;
font-size: 14px;
}
</style>
<pre>
這是一段代碼
console.log('hello world');
</pre>

在上面的例子中，我們?yōu)閜re標(biāo)簽設(shè)置了背景色、邊框、圓角、內(nèi)邊距和字體大小等樣式。你也可以根據(jù)需要自己定義其他的樣式。

總之，使用HTML的pre標(biāo)簽和CSS能夠讓我們很方便地展示代碼塊。這不僅方便閱讀，還可以提升頁(yè)面的美觀度。