在JSP中,我們可以使用CSS的語法,來控制頁面的樣式。這讓開發者可以更加方便地設計頁面,并提高頁面響應速度。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <%-- 引入CSS文件 --%> <link rel="stylesheet" type="text/css" href="style.css"> <title>JSP頁面</title> </head> <body> <%-- 應用CSS樣式 --%> <div class="container"> <h1>歡迎來到我的JSP頁面</h1> <p>這是我的第一個JSP頁面</p> </div> </body> </html>
在上面的代碼中,我們可以看到在<head>標簽中引入了一個名為"style.css"的CSS文件,并在頁面中應用了一個類名為"container"的CSS樣式。這個樣式定義了一個帶有白色背景、灰色邊框、20像素填充和居中文本的容器。
.container { background-color: #FFF; border: 1px solid #CCC; padding: 20px; text-align: center; }
通過在JSP中使用CSS語法,我們可以輕松地控制頁面的外觀和布局,從而提高頁面的美觀程度和用戶體驗。