CSS3 文章樣式 CSS3 是一種用于網頁設計的樣式表語言，它是 Cascading Style Sheets (層疊樣式表) 的最新版本。CSS3 引入了一些新的樣式效果，用于美化網頁并提高用戶體驗。下面是幾個常見的 CSS3 樣式效果。 1. 圓角邊框 border-radius 屬性用于創建圓角邊框。它接受一個表示圓角半徑的值。例如，為元素添加以下樣式將創建具有 10 像素圓角半徑的圓角邊框。 pre { border-radius: 10px; } 2. 盒陰影 box-shadow 屬性指定元素的盒子周圍的陰影。它接受 x、y、模糊半徑、擴展半徑和顏色值的值。例如，以下樣式將為元素創建一個 10 像素 x 偏移量，20 像素 y 偏移量，5 像素模糊半徑，12 像素擴展半徑和顏色為黑色的盒陰影。 pre { box-shadow: 10px 20px 5px 12px #000000; } 3. 線性漸變 linear-gradient() 函數創建一個顏色梯度。它接受一個或多個顏色值和至少一個方向值。例如，以下樣式將為元素創建從左到右漸變的顏色梯度。 pre { background-image: linear-gradient(to right, #FF0000, #00FF00); } 4. 文本陰影 text-shadow 屬性為文本周圍創建陰影。它接受 x、y、模糊半徑和顏色值的值。例如，以下樣式將為文本創建一個 2 像素 x 偏移量，3 像素 y 偏移量，4 像素模糊半徑和顏色為黑色的陰影。 p { text-shadow: 2px 3px 4px #000000; } 總結 CSS3 是一個強大的樣式表語言，它提供了許多新的樣式效果，可以用于改善網頁設計和用戶體驗。這篇文章介紹了四個常見的 CSS3 樣式效果。感謝您的閱讀。