在HTML中，pre標簽被用于展示預先格式化好的文本，這種文本通常具有固定寬度的字體以及保留所有的間距、回車和空格。通過使用pre標簽，我們可以讓在HTML中展示的代碼更加易讀，并且也更加容易復制粘貼。 我們可以通過給pre標簽加上一些CSS樣式，來自定義展示文本的格式。以下是一些常見的樣式，你可以根據自己的需要進行調整和修改： 1. 設置字體和字號： ``` pre { font-family: monospace; font-size: 14px; } ``` 2. 設置文本顏色和背景顏色： ``` pre { color: #333; background-color: #f0f0f0; } ``` 3. 設置文字樣式（粗體、斜體、下劃線等）： ``` pre { font-weight: bold; font-style: italic; text-decoration: underline; } ``` 4. 增加邊框： ``` pre { border: 1px solid #ccc; padding: 10px; } ``` 在自定義樣式的時候，我們需要記得pre標簽只是一種展示文本的方式，所以我們需要確保樣式不會影響到代碼的執行或者語義。 在實際應用中，我們會經常使用pre標簽來展示源代碼或者文本輸出，它可以幫助我們更清晰地顯示代碼結構和內容。如果你正在寫一篇技術文章或者制作一個代碼演示頁面，不妨嘗試一下pre標簽的使用，看看它能為你的文本展示效果帶來什么不一樣的體驗。