在JSP中使用CSS樣式可以為網頁增添美觀和易讀性。以下示例將演示如何在JSP頁面中引入CSS樣式。
<%-- 在head標簽中引入CSS樣式表 --%>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
</html>在上述代碼中，我們在head標簽中使用了link標簽引入了一個名為style.css的CSS樣式表。這個樣式表文件需要放在與JSP文件相同目錄下。
在CSS樣式表中，我們可以定義各種各樣的樣式規則。以下代碼展示了一個簡單的CSS樣式表。
/* 定義一些基礎樣式 */
body {
font-family: Arial, sans-serif;
}
h1 {
font-size: 2em;
margin-bottom: 1em;
}
/* 定義一個類別樣式 */
.highlight {
background-color: yellow;
font-weight: bold;
}在上述代碼中，我們定義了3種基礎樣式：body（整個頁面的字體樣式）、h1（標題1的字體樣式和上下邊距）和.highlight（一個類別樣式，具有黃色背景和粗體字）。
在JSP頁面中，我們可以使用class屬性為HTML元素應用CSS樣式。以下代碼展示了如何將.highlight類別樣式應用到一個段落元素內。
<p class="highlight">Hello, world!</p>以上代碼將會把一個黃色背景、粗體字的段落元素放在頁面上。
在JSP中使用CSS樣式表，可以讓我們輕松地為頁面添加樣式和定制化。通過定義并使用類別樣式，我們可以使得頁面的樣式統一，并且簡化HTML代碼。在實際應用中，我們需要找到平衡點，既要保證美觀，也要保證HTML代碼的易讀性和可維護性。