在JSP中引入CSS,我们通常使用HTML的<link>
标签,这个标签用于链接外部样式表到HTML文档,通过这种方式,我们可以将CSS样式应用于JSP页面,从而实现对页面布局和外观的控制。
我们需要创建一个CSS文件,例如style.css
,并在其中编写CSS样式规则。
body { font-family: Arial, sans-serif; background-color: #f0f0f0; } h1 { color: #333; text-align: center; } p { font-size: 18px; line-height: 1.6; }
接下来,在JSP页面中,我们可以使用<link>
标签引入这个CSS文件,将以下代码添加到JSP页面的<head>
部分:
<link rel="stylesheet" type="text/css" href="style.css">
这样,当浏览器加载JSP页面时,它会自动下载并应用style.css
文件中定义的CSS样式,现在,我们可以在JSP页面中使用这些样式了。
<!DOCTYPE html> <html> <head> <title>我的JSP页面</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>欢迎来到我的JSP页面!</h1> <p>这是一个使用CSS样式的JSP页面示例,在这个示例中,我们使用了外部CSS文件来控制页面的布局和外观。</p> </body> </html>
通过这种方式,我们可以在多个JSP页面中重用相同的CSS样式,从而简化了页面开发和维护过程,我们还可以根据需要随时修改CSS文件,以实现对页面样式的灵活控制。
还没有评论,来说两句吧...