JSP中創建CSS樣式表可以讓我們在網頁中實現更加優美的布局和界面效果。下面我們來一起學習如何在JSP中創建CSS。
<style type="text/css">
p {
font-size: 16px;
font-weight: bold;
color: #333;
}
.red {
color: red;
}
</style>
在上面的例子中,我們使用<style>標簽來創建CSS樣式表。在樣式表中定義了一個<p>元素的樣式,包括字體大小、字體加粗、顏色等屬性。同時也定義了一個名為“red”的類,用來實現文字變成紅色。
在JSP頁面中,我們可以使用<style>標簽來引用CSS樣式表,如下所示:
<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<html>
<head>
<title>JSP中創建CSS樣式表</title>
<style type="text/css">
p {
font-size: 16px;
font-weight: bold;
color: #333;
}
.red {
color: red;
}
</style>
</head>
<body>
<p>這是一個普通段落。</p>
<p class="red">這個段落的文字將變成紅色。</p>
</body>
</html>
在上面的例子中,我們在<head>標簽中使用<style>標簽引用了CSS樣式表。在<body>標簽中,我們使用<p>元素來創建段落,并在其中為一個段落指定了“red”類,這樣這個段落的文字就會變成紅色。
通過以上的介紹,我們可以看到,在JSP中創建CSS樣式表是非常簡單的。只需要在<style>標簽中定義好樣式,然后在HTML元素中使用即可。希望這篇文章對大家有所幫助。
上一篇jsp兼容css3
下一篇html5 設置div圓