CSS是網頁設計中必不可少的一部分，通過CSS可以控制網頁中的各種元素的屬性，讓網頁更加美觀和易于閱讀。在CSS中，我們可以通過動態添加元素屬性值的方式來修改元素的樣式。

/* 假設我們有以下div元素 */
<div id="myDiv">
這是一個div元素
</div>
/* 我們可以通過以下代碼來動態添加該元素的屬性值 */
#myDiv {
background-color: blue;
color: white;
}
/* 這樣，我們就將該元素的背景顏色設置為藍色，文字顏色設置為白色 */
/* 我們也可以使用JavaScript來動態添加元素的CSS樣式 */
var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = "blue";
myDiv.style.color = "white";

除了動態添加元素的CSS樣式外，我們還可以通過動態添加類名和ID來控制元素的樣式。例如，我們可以通過JavaScript來將某個元素的類名設置為"active"，然后在CSS中設置"active"類的樣式，這樣就可以通過動態添加類名來改變元素的樣式。

/* CSS樣式 */
.active {
font-weight: bold;
color: red;
}
/* JavaScript代碼 */
var myDiv = document.getElementById("myDiv");
myDiv.className = "active";
/* 這樣，我們就將該元素設置為了"active"類的樣式，文字加粗，顏色為紅色 */

總之，動態添加元素屬性值是CSS設計中非常有用的一種技巧，可以讓網頁元素在不同場合下呈現出不同的樣式，增加網頁的美觀度和可讀性。