在JSP中,我們可以通過在頁面中寫CSS樣式來控制頁面的樣式。下面我們來看一下JSP代碼中如何寫CSS樣式。
首先,我們需要在JSP頁面的頭部引入樣式表,并使用link標簽來指定樣式表文件的路徑。例如,我們有一個樣式表文件style.css,它位于Web應用程序的根目錄下,那么我們可以在JSP頁面的頭部添加以下代碼:
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style.css">其中,${pageContext.request.contextPath}表示獲取當前應用程序的上下文路徑,這樣可以確保樣式表文件的路徑始終正確。 接下來,我們可以在JSP頁面中直接寫CSS樣式。為了方便起見,我們可以將CSS樣式寫在標簽內,如下所示:
<style type="text/css"> p { font-size: 16px; color: #333; line-height: 1.5; } </style>這段代碼表示將所有的
標簽的字體大小設置為16像素,顏色為#333,行高為1.5倍。 當然,我們也可以在JSP頁面的外部單獨編寫一個樣式表文件,并在JSP頁面中引入。例如,我們在根目錄下創建一個名為main.css的樣式表文件,并在其中編寫以下樣式:
p { font-size: 16px; color: #333; line-height: 1.5; }然后在JSP頁面中添加以下代碼引入樣式表文件:
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/main.css">這樣,在JSP頁面中的
標簽就會應用main.css中定義的樣式。 總之,在JSP代碼中寫CSS樣式非常簡單,只需要加入樣式表或寫在頁面頭部即可。通過靈活運用樣式,我們可以輕松打造出漂亮、易讀的頁面。