/*通讯录样式*/
body{
background-color: #d9eaf2;
}
h1{
font-size: 28px;
}
table{
border-collapse:collapse;
border-spacing: 0;
width: 100%;
max-width: 800px;
margin: 20px auto;
background-color: #fff;
color: #444;
border: 2px solid #ddd;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
th, td{
padding: 15px;
text-align: left;
border-bottom: 1px solid #ddd;
}
thead tr{
background-color: #F5F5F5;
border-bottom: 2px solid #ddd;
}每个联系人的网址通常从一个表格开始。表格表头包含联系人的姓名，电子邮件和电话号码。
| 姓名 | 电子邮件 | 电话号码 |
|---|---|---|
| 王小明 | wangxiaoming@gmail.com | 18798765432 |
| 张丽丽 | zhanglili@gmail.com | 18987654321 |
| 李强 | liqiang@foxmail.com | 18556787939 |
在上面的代码中，大家创建了表格，并使用 CSS 来应用样式。表头和表格单元格（td 元素）中具有背景色和边框，以及填充和边距以使其更加美观。
CSS 使得控制数据变得容易，使其更好看，甚至还可以帮助您创建响应式通讯录，以便在不同的设备屏幕尺寸上完美地呈现您的数据。