CSS鼠标移至此处, 背景变化例子

鼠标移至此处, 背景变化的CSS例子
保存格式以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:[email protected]?subject=CSS > 
鼠标移至此处, 背景变化 
</a> 
<p> 未加CSS修饰的段落 </p> 
<p class=first> 指定CSS修饰的段落 </p> 
<p class=second> 指定另一种CSS修饰的段落 </p>

</body>
</html>


运行结果请查看附件

你可能感兴趣的:(java,sql,jsp,XHTML,css)