鼠标移至此处, 背景变化的CSS例子
保存格式以jsp或者是 html 都可以
运行结果请查看附件
保存格式以jsp或者是 html 都可以
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<body>
<style type="text/css">
a{text-decoration:none; background:red; color:yellow}
a:hover{text-decoration:line-through; background:black}
h1{text-align:center; font-weight:900;
border-style:ridge; border-width:medium; border-color:red}
p.first{font-size:15; font-face:楷体;
color:blue; border-style:dotted;
border-width:thin; border-color:blue}
p.second{font-size:20; word-spacing:10; background:aqua}
</style>
</head>
<h1> 带连框的题头1 </h1>
<a href=mailto:webmaster@webjx.com?subject=CSS >
鼠标移至此处, 背景变化
</a>
<p> 未加CSS修饰的段落 </p>
<p class=first> 指定CSS修饰的段落 </p>
<p class=second> 指定另一种CSS修饰的段落 </p>
</body>
</html>
运行结果请查看附件