<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#container {
width: 500px;
height: 300px;
border: 1px black solid;
overflow-y: auto;
}
.header span {
display: inline-block;
width: 25%;
line-height: 30px;
text-align: center;
border: solid black;
border-width: 0px 0px 1px 0px;
font-weight: bold;
}
.row span {
display: inline-block;
width: 25%;
line-height: 30px;
text-align: center;
border: solid black;
border-width: 0px 0px 1px 0px;
}
/*伪类选择器的使用*/
/*p:nth-of-type(2) 选择所有p元素第二个为p的子元素*/
.row:nth-of-type(2n) {
background: lightblue;
}
.row:nth-of-type(2n+1) {
background: lightgreen;
}
</style>
</head>
<body>
<button id="read" onclick="read()">读取记录</butt
HTML应用开发基础篇 - 函数(读取及添加表单元素)
最新推荐文章于 2022-08-30 17:02:36 发布