在JSP中使用CSS樣式表可以使網(wǎng)頁(yè)的樣式得到統(tǒng)一和美觀的效果。下面是一些JSP中使用CSS的寫法。
<%@ page contentType="text/html; charset=UTF-8" %> <html> <head> <style type="text/css"> /* 定義樣式類,可以應(yīng)用于多個(gè)標(biāo)簽 */ .my_class { color: #FF0000; /* 字體顏色為紅色 */ font-size: 18pt; /* 字體大小為18pt */ } /* 定義ID,只能應(yīng)用于一個(gè)標(biāo)簽 */ #my_id { border: 1px solid #000000; /* 邊框?yàn)?像素黑色實(shí)線 */ background-color: #FFFFFF; /* 背景色為白色 */ } </style> </head> <body> <h1 class="my_class">這是一級(jí)標(biāo)題</h1> <p class="my_class">這是一個(gè)段落。</p> <p id="my_id">這個(gè)段落有邊框和背景色。</p> </body> </html>
在這個(gè)例子中,我們定義了一個(gè)樣式類.my_class
和一個(gè)ID#my_id
,它們分別應(yīng)用于不同的標(biāo)簽。在定義樣式時(shí),我們可以使用眾多的CSS屬性,例如顏色、字體大小、邊框等。需要注意的是,CSS樣式表必須放在<head>
標(biāo)簽中才能生效。