CSS 能夠讓我們制作出漂亮而優美的網頁，其中還包括聯系人系統。您可以利用 CSS 制作出獨特的通訊錄，并且通過使用樣式表，該列表將會非常好看。
/*通訊錄樣式*/
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 使得控制數據變得容易，使其更好看，甚至還可以幫助您創建響應式通訊錄，以便在不同的設備屏幕尺寸上完美地呈現您的數據。
下一篇css像素是固定的嗎