CSS是網頁設計中不可或缺的一部分，它可以讓網頁看起來更加美觀，具有更好的用戶體驗。下面將介紹8個常用的CSS技巧，希望可以對大家的網頁設計有所幫助。 1. 使用CSS實現垂直居中 很多時候我們需要將某個元素垂直居中，可以使用以下代碼實現：

.parent{
display:flex;
align-items:center;
}

2. 給文字添加陰影效果 為文字添加陰影效果可以讓文字更加突出，具有更好的視覺效果。可以使用以下代碼實現：

.shadow{
text-shadow: 2px 2px 5px #000000;
}

3. 添加邊框效果 為元素添加邊框可以使它看起來更加醒目，可以使用以下代碼實現：

.border{
border:1px solid #000000;
}

4. 添加圓角效果 為元素添加圓角效果可以讓它看起來更加柔和，可以使用以下代碼實現：

.round{
border-radius:5px;
}

5. 鼠標懸停顯示效果 當鼠標懸停在某個元素上時，可以顯示一些特殊的效果，可以使用以下代碼實現：

.hover:hover{
background-color:#000000;
color:#ffffff;
}

6. 圖片居中顯示 為了讓一張圖片在網頁中居中顯示，可以使用以下代碼實現：

.img{
display:block;
margin:0 auto;
}

7. 背景圖片平鋪效果 為元素添加背景圖片后，可以使用以下代碼實現平鋪效果：

.background{
background-image:url(bg.jpg);
background-repeat:repeat;
}

8. 文字溢出省略號效果 當某段文字過長，希望它能夠在一定范圍內顯示，并以省略號結尾，可以使用以下代碼實現：

.overflow{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}

以上就是8個常用的CSS技巧，希望對大家的網頁設計有所幫助。