css素材是我們在網頁設計過程中最常用的資源之一，它為我們提供了豐富多樣的頁面樣式，從而使用戶的網站體驗更加愉悅。以下是簡單的一些css素材：

/*1. 背景圖片*/
body {
 background-image: url('bg.jpg');
 background-repeat: no-repeat;
 background-size: cover;
}
/*2. 文字陰影效果*/
h1 {
 text-shadow: 2px 2px 5px #000000;
}
/*3. 圓角*/
.box {
 border-radius: 5px;
}
/*4. 盒子陰影*/
.box {
 box-shadow: 2px 2px 5px #000000;
}
/*5. 邊框動畫*/
.btn {
 border: none;
 padding: 10px;
 border-radius: 5px;
 background-color: #000000;
 color: #FFFFFF;
 transition: border 0.5s ease-in-out;
}
.btn:hover {
 border: 2px solid #FFFFFF;
}
/*6. 懸浮提示*/
.tooltip {
 position: relative;
 display: inline-block;
}
.tooltip .tooltiptext {
 visibility: hidden;
 width: 120px;
 background-color: #000000;
 color: #FFFFFF;
 text-align: center;
 padding: 5px;
 border-radius: 6px;
 position: absolute;
 z-index: 1;
 bottom: 150%;
 left: 50%;
 margin-left: -60px;
}
.tooltip:hover .tooltiptext {
 visibility: visible;
}

通過使用這些簡單的css素材，你可以在網頁設計中輕松地創建出更加生動、多彩且具有吸引力的頁面。