css代码如下：
.z{
position: absolute
width: 300px
height: 200px
}
.dd{
border: 2px solid red
margin-left: 330px
width: 150px
height: 150px
}
.d1{
position: absolute
background-color: #FF89FD
margin-left: 10px
margin-top: 10px
width: 40px
height: 40px
}
.d2{
position: absolute
background-color: #0099FF
margin-left: 90px
margin-top: 10px
width: 40px
height: 40px
}
.d3{
position: absolute
background-color: #FF89FD
margin-left: 10px
margin-top:90px
width: 40px
height: 40px
}
.d4{
position: absolute
background-color: #FF89FD
margin-left: 90px
margin-top:90px
width: 40px
height: 40px
}
.d5{
position: absolute
background-color: #FF89FD
margin-left: 50px
margin-top:50px
width: 40px
height: 40px
}
font{
margin-left: 6px
line-height: 40px
}
html代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/hello.css" />
</head>
<body>
<div class="z">
<img src="img/左.png"/>
</div>
<div class="dd">
<div class="d1">
<font style="font-size: 1px">连接1</font>
</div>
<div class="d2">
<font style="font-size: 1px">连接2</font>
</div>
<div class="d3">
<font style="font-size: 1px">连接3</font>
</div>
<div class="d4">
<font style="font-size: 1px">连接4</font>
</div>
<div class="d5">
<font style="font-size: 1px">连接5</font>
</div>
</div>
</body>
</html>
图片位置：
效果展示：
这种最好的方法就是，在该网页上面鼠标右键，然后检查元素，或者直接按F12，这样就能看到对应的HTML了，如果我们直接复制这些HTML到我们的文件里面的话，打开看肯定是乱七八糟的，因为缺少了CSS，我们可以看看link上面用了哪些CSS，把对应的CSS复制回来，那一个完整的网页就出来了，至于真正的登录功能，就涉及到了跟浏览器的数据交互了<html><title>三行三列空白表格</title>
<head>
<bady>
</br></br></br></br>
<tablewidth="200"border="1"align="center">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</bady>
</head>
</html>
最后，报表可以用FineReport去制作表格，类Excel式，简单拖拽生成表格，功能强大，个人版免费
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）