HTML文件的编写,非常简单
发布网友
发布时间：2022-04-27 04:59
共1个回答
热心网友
时间：2022-06-26 15:14
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type='text/css'>
th,td{
border-right: 1px solid black;
padding: 10px;
}
th{
border-bottom: 1px solid black;
background-color: #C046F4;
width: 20%;
}
th:last-child{
border-right: 0;
}
td:last-child{
border-right: 0;
}
table{
width: 800px;
margin: 0 auto;
border-top: 2px solid black;
border-bottom: 2px solid black;
}
caption{
margin: 20px;
font-weight: bold;
letter-spacing: 5px;
color: #C046F4;
}
td{
height: 20px;
}
tr th:nth-child(4){
letter-spacing: 10px;
}
tr th:nth-child(5){
letter-spacing: 20px;
}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0">
<caption>图书目录</caption>
<tr>
<th>图书代码</th>
<th>图书名称</th>
<th>单价（元）</th>
<th>库存量</th>
<th>备注</th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
