沙场秋点兵代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>随机点名器</title>
<!--
作者：1661149355@qq.com
时间：2019-07-29
描述：网页标题
-->
</head>
<!--
作者：1661149355@qq.com
时间：2019-07-29
描述：网页的头部信息
-->
<!-- 样式表CSS
1.内嵌样式表；
2.选择器；
-->
<style>
table{
border:6px solid blue;
width: 600px;
height: 400px;
background-color: chocolate;
text-align: center;
font-size: large;
/*color: chocolate;color字体颜色*/
}
td{
border: 2px solid yellow;
/*border-width:3px;
border-color:#CCFF00;
border-sytle:solid;
*/
width: 100px;
height: 100px;
color: chocolate;/*color字体颜色*/
/*background-image: url(img/body_bg.jpg);*/
/*font-size: larger;*/
/*display: none;*/
}
input{
width: 100px;
height: 30px;
color: white;
font-size: 20px;
background-color: #0000CC;
}
body{
background-image: url(img/bgbody.jpg);
}
</style>
<body οnlοad="startRotate()">
<select style="background: #FFFF00;" οnchange="changeLink(this)">
<option value="url(img/bgbody.jpg)">背景1</option>
<option value="url(img/战争1.jpg)">背景2</option>
<option value="url(img/战争2.jpg)">背景3</option>
<option value="url(img/战争3.jpg)">背景4</option>
</select>
<table align="center" >
<h3 align="center" style="color: #CC0066"> 沙 场 秋 点 兵</h3>
<caption id="mycolock" style="color: darkblue;" ></caption>
<tr>
<td><img width="90px" height="110px" src="img/曹操.jpg" id="tou"/>曹操<br/></td>
<td><img width="90px" height="110px" src="img/关羽.jpg" id="tou" />关羽<br /> </td>
<td><img width="90px" height="110px" src="img/典韦.jpg" id="tou"/>典韦<br/></td>
<td><img width="90px" height="110px" src="img/吕布.jpg" id="tou"/>吕布<br/></td>
<td><img width="90px" height="110px" src="img/貂蝉.jpg" id="tou"/>貂蝉<br/></td>
<td><img width="90px" height="110px" src="img/马超.jpg" id="tou"/>马超<br/></td>
</tr>
<tr>
<td><img width="90px" height="100px" src="img/孔明.jpg" id="tou"/>诸葛亮<br/></td>
<td><img width="90px" height="100px" src="img/小乔.jpg" id="tou"/>小乔<br/></td>
<td><img width="90px" height="100px" src="img/张飞.jpg" id="tou"/>张飞<br/></td>
<td><img width="90px" height="100px" src="img/赵云.jpg" id="tou"/>赵云<br/></td>
<td><img width="90px" height="100px" src="img/大乔.png" id="tou"/>大乔<br/></td>
<td><img width="90px" height="100px" src="img/孙权.jpg" id="tou"/>孙权<br/></td>
</tr>
<tr>
<td><img width="90px" height="100px" src="img/司马懿.jpg" id="tou"/>司马懿<br/></td>
<td><img width="90px" height="100px" src="img/孙坚.jpg" id="tou"/>孙坚<br/></td>
<td><img width="90px" height="100px" src="img/孙尚香.jpg" id="tou"/>孙尚香<br/></td>
<td><img width="90px" height="100px" src="img/黄忠.JPG" id="tou"/>黄忠<br/></td>
<td><img width="90px" height="100px" src="img/荀彧.jpg" id="tou"/>荀彧<br/></td>
<td><img width="90px" height="100px" src="img/董卓.jpg" id="tou"/>董卓<br/></td>
</tr><tr>
<td><img width="90px" height="100px" src="img/刘备.jpg" id="tou"/>刘备<br/></td>
<td><img width="90px" height="100px" s
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
