JavaScript是一種可以為網頁添加交互性和動態性的編程語言，而CSS則是用于控制網頁樣式的語言。許多情況下，我們需要使用JavaScript為網頁中的元素添加CSS規則。本文將介紹如何使用JavaScript為img元素添加CSS樣式。

//獲取img元素
var imgElement = document.getElementsByTagName("img")[0];
//添加CSS樣式
imgElement.style.width = "50%";
imgElement.style.border = "1px solid black";

在上面的代碼中，我們首先通過getElementsByTagName方法獲取了頁面中的img元素，然后使用style屬性為其添加CSS樣式。在這個例子中，我們為img元素添加了一個50%的寬度和一個1像素寬的黑色邊框。

當然，我們也可以通過JavaScript為img元素添加更復雜的CSS樣式，包括背景圖像，文本陰影和圓角等效果。只要我們熟悉CSS的語法和規則，就可以很容易地使用JavaScript為網頁元素添加CSS樣式。