版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_38038143/article/details/83995316
1. 基础版
代码粘上来格式乱了。
<%@page import="java.util.Random"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>99乘法表</title>
<style type="text/css">
font {
position: relative;
left: 300px;
font-size: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<div>
<%
for (int i=1; i<=9; i++) {
for (int j=1; j<=i; j++) {
%>
<font>
<%
out.println(i + " x " + j + " = " + (i*j));
%>
<%
if (j==2 && i*j<10) {
%>
<%
} else {
%>
<%
}
%>
</font>
<%
}
%>
<br>
<%
}
%>
</div>
</body>
</html>
2. 升级版
通过font标签设置颜色,自动刷新:
<%@page import="java.util.Random"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>99乘法表-plus</title>
<style type="text/css">
font {
position: relative;
left: 300px;
font-size: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<div>
<%
int r, g, b, rgb=240;
Random random = new Random();
for (int i=1; i<=9; i++) {
for (int j=1; j<=i; j++) {
r = random.nextInt(rgb);
g = random.nextInt(rgb);
b = random.nextInt(rgb);
%>
<font style="color:rgb(<%=r%>,<%=g%>,<%=b%>);">
<%
out.println(i + " x " + j + " = " + (i*j));
%>
<%
if (j==2 && i*j<10) {
%>
<%
} else {
%>
<%
}
%>
</font>
<%
}
%>
<br>
<%
}
%>
<%
response.setHeader("Refresh", "2");
%>
</div>
</body>
</html>
3. 升级版2
通过CSS来设置颜色。
<%@page import="java.util.Random"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>99乘法表-plus</title>
<style type="text/css">
font {
position: relative;
left: 300px;
font-size: 20px;
font-weight: bold;
}
<%
int r, g, b, rgb=240;
Random random = new Random();
for (int i=1; i<=9; i++) {
for (int j=1; j<=i; j++) {
r = random.nextInt(rgb);
g = random.nextInt(rgb);
b = random.nextInt(rgb);
%>
.f<%=i%><%=j%> {
color: rgb(<%=r%>,<%=g%>,<%=b%>);
}
<%
}
}
%>
</style>
</head>
<body>
<div>
<%
for (int i=1; i<=9; i++) {
for (int j=1; j<=i; j++) {
%>
<font class="f<%=i%><%=j%>">
<%
out.println(i + " x " + j + " = " + (i*j));
%>
<%
if (j==2 && i*j<10) {
%>
<%
} else {
%>
<%
}
%>
</font>
<%
}
%>
<br>
<%
}
%>
<%
response.setHeader("Refresh", "2");
%>
</div>
</body>
</html>