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

最新推荐文章于 2019-12-10 15:42:45 发布

qf_hy

最新推荐文章于 2019-12-10 15:42:45 发布

阅读量121

点赞数

分类专栏： J2EE 文章标签： CSS Java SQL JSP XHTML

J2EE 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

鼠标移至此处, 背景变化的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:webmaster@webjx.com?subject=CSS > 
鼠标移至此处, 背景变化 
</a> 
<p> 未加CSS修饰的段落 </p> 
<p class=first> 指定CSS修饰的段落 </p> 
<p class=second> 指定另一种CSS修饰的段落 </p>

</body>
</html>

运行结果请查看附件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qf_hy

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS鼠标移至此处, 背景变化例子

鼠标移至此处, 背景变化的CSS例子保存格式以jsp或者是 html 都可以[code="java"]无标题文档a{text-decoration:none; background:red; color:yellow} a:hover{text-decoration:line-through; background:black} h1{tex...
复制链接

扫一扫