本次實驗是關于使用CSS美化Web頁面的實驗。

首先我們學習了CSS如何影響HTML中的各個元素，同時掌握了CSS的一些基本語法結構。

/* 這是一段基本的CSS代碼結構 */
selector {
property: value;
}

接著，我們探討了頁面布局與排版，學會了如何使用浮動（float）和定位（position）等屬性進行頁面布局的設計。

/* 下面是一個使用浮動屬性進行理想左右布局的CSS代碼 */
.left {
float: left;
width: 50%;
}
.right {
float: right;
width: 50%;
}

除此之外，我們還學習了CSS動畫與效果，并實踐了一些例子，比如圖片透明度漸變，文本旋轉等動畫特效。

/* 這是一個使用CSS動畫產生的圖片透明度漸變效果 */
button:hover img {
opacity: 0.5;
transition: opacity 0.5s ease-out;
}

總之，在這次實驗中我們領略了CSS作為一種前端開發技術在頁面設計中的強大魅力，并成功實踐了一些常見的美化頁面技巧。