Struts2作為一個流行的Java Web框架,在頁面開發(fā)中使用CSS樣式表是非常常見的。下面我們來介紹如何在Struts2中使用CSS來美化頁面。
首先,在Struts2項目中創(chuàng)建一個CSS文件,命名為style.css,放在WebContent目錄下的css文件夾中。
CSS示例代碼: body { font-family: Arial, sans-serif; font-size: 16px; color: #333; background-color: #f2f2f2; } .container { margin: 0 auto; max-width: 1200px; } h1 { font-size: 24px; font-weight: bold; text-align: center; }
接下來,在JSP的head標簽中引入相應(yīng)的CSS文件。
JSP示例代碼: <head> <title>Struts2使用CSS美化頁面</title> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css"> </head>
在HTML標簽中添加class屬性,可以讓標簽應(yīng)用樣式表中定義的樣式。
JSP示例代碼: <body> <div class="container"> <h1>Struts2使用CSS美化頁面</h1> <p>這是一段示例文本,應(yīng)用了樣式表中定義的樣式。</p> </div> </body>
最后,我們可以在瀏覽器中查看應(yīng)用了CSS樣式的頁面效果。
通過這些步驟,我們就可以在Struts2項目中應(yīng)用CSS樣式表來美化頁面,讓頁面更加美觀和易讀。
上一篇html5教程滾動代碼
下一篇stm32的css