Struts標簽是一組自定義標簽，用于生成HTML、JavaScript表單、鏈接、圖片等，以及一些邏輯控制。與之結合使用的CSS樣式表可以改變純文本的表現形式，使頁面呈現出多種不同的視覺效果。
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<title>Struts標簽與CSS</title>
<style type="text/css">
/* 定義h1元素的樣式 */
h1 {
color: blue;
font-size: 32px;
font-weight: bold;
font-family: Arial;
text-align: center;
}
/* 定義表格樣式 */
table {
border-collapse: collapse;
width: 100%;
margin-top: 20px;
}
/* 定義表頭樣式 */
th {
background-color: #4CAF50;
color: white;
height: 50px;
text-align: center;
font-weight: bold;
font-size: 20px;
}
/* 定義表格內容樣式 */
td {
height: 40px;
text-align: center;
}
</style>
</head>
<body>
<h1>Struts標簽與CSS樣式</h1>
<table>
<tr>
<th>編號</th>
<th>姓名</th>
<th>性別</th>
</tr>
<s:iterator value="list">
<tr>
<td><s:property value="id" /></td>
<td><s:property value="name" /></td>
<td><s:property value="gender" /></td>
</tr>
</s:iterator>
</table>
</body>
</html>以上代碼演示了如何使用Struts標簽生成一個列表，結合CSS樣式表實現頁面的美化效果。其中，<s:iterator>是Struts標簽庫中的迭代器標簽，用于遍歷列表。<s:property>標簽用于輸出列表中的屬性值。通過定義表格樣式，可以讓列表的表頭和內容看起來更加美觀、規整。
上一篇html5放大效果代碼
下一篇html5放大鏡代碼