CSS是一個網頁設計中不可或缺的元素。在網站設計中，聯系我們頁面是至關重要的，因為這是用戶聯系網站管理員、業主或客戶的窗口。在這里，我們會為您介紹一些CSS技巧，使您的"聯系我們"頁面更加美觀和易于使用。

首先，我們需要創建一個基本的HTML代碼結構。在頁眉中，我們可以設置一些有關網站的基本信息，例如網站名稱、電話號碼和郵箱地址等。

<header>
<h1>我的網站</h1>
<ul>
<li><a href="tel:123-456-7890">123-456-7890</a></li>
<li><a href="mailto:info@mysite.com">info@mysite.com</a></li>
</ul>
</header>

接下來，我們需要為我們的"聯系我們"表單創建CSS樣式。在此示例中，我們選擇了一個灰色的背景，并調整了表單邊框的顏色和寬度。我們還設置了表單元素的邊距和填充，以使表單看起來更整潔。

form {
background-color: #f4f4f4;
border: 1px solid #ccc;
border-radius: 5px;
margin: 20px auto;
padding: 10px;
}
label {
display: block;
font-weight: bold;
margin-top: 10px;
}
input[type="text"],
input[type="email"],
textarea {
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 5px;
padding: 5px;
width: 100%;
}

最后，我們需要添加一個按鈕，使用戶可以提交表單。在此示例中，我們選擇使用一個灰色的按鈕。我們還設置了按鈕的對齊方式，以確保它在表單中間。

input[type="submit"] {
background-color: #ccc;
border: none;
border-radius: 3px;
color: #fff;
margin-top: 10px;
padding: 10px 20px;
text-align: center;
}

使用以上CSS樣式，您可以輕松制作出一個漂亮的"聯系我們"頁面。這些樣式將增強您的網站設計，使其更具專業性和美觀度。