ExtJS是一個強大的JavaScript框架，可以用于在網站和應用程序中構建豐富的用戶界面。在ExtJS中添加CSS樣式是非常容易的，并且可以使界面更加美觀和用戶友好。本篇文章將向您展示如何使用ExtJS添加CSS樣式。

首先，在您的ExtJS應用程序中，您可以使用類似下面的代碼來創建一個組件：

Ext.create('Ext.panel.Panel', {
title: 'My Panel',
height: 200,
width: 400,
html: 'This is some text in my panel!'
});

這將創建一個簡單的面板組件，并在其中添加一些文本。現在，讓我們假設您想為此面板添加一些CSS樣式。

為此，您可以使用一個叫做"cls"的屬性，它可以幫助您為組件添加自定義樣式類。例如，您可以使用以下代碼為上面創建的面板添加一個自定義類名：

Ext.create('Ext.panel.Panel', {
title: 'My Panel',
height: 200,
width: 400,
html: 'This is some text in my panel!',
cls: 'my-panel'
});

在這個例子中，我們使用了名稱為"my-panel"的自定義類名。現在我們可以在應用程序的CSS樣式表中添加樣式以對其進行樣式化。

例如，下面是一個基本的CSS樣式表，它為"my-panel"類添加了一些顏色和樣式：

.my-panel {
background-color: #f4f4f4;
border: 1px solid #ccc;
padding: 10px;
font-size: 16px;
}

在這個例子中，我們為"my-panel"類添加了一個帶有漸變背景的淡灰色背景顏色、1像素灰色邊框、10像素的內邊距以及16像素的字體大小。

當您將這個樣式表添加到您的應用程序中時，面板就會應用這些樣式，使它看起來更加漂亮和專業。這是一個簡單而有效的方法，可以幫助您為您的ExtJS應用程序添加自定義樣式類。